zoukankan      html  css  js  c++  java
  • 使用nuxt.js官方脚手架构建项目时ES6编译问题SyntaxError: Unexpected token import

    用nuxt集成koa2做vue后台,官方自带脚手架搭建的koa2仍是ES5语法,在构建koa2时默认的nodemon是没有使用babel编译的,

    所以首先需要在启动命令后加上--exec babel-node

    "scripts": {
    "dev": "cross-env NODE_ENV=development nodemon server/index.js --watch server --exec babel-node",
    "build": "nuxt build",
    "start": "cross-env NODE_ENV=production node server/index.js --exec babel-node",
    "generate": "nuxt generate",
    "lint": "eslint --ext .js,.vue --ignore-path .gitignore .",
    "precommit": "npm run lint"

    这还不够,因为我们没有去配置babel,所以我们需要在.babelrc去做一下presets的配置,在此之前我们需要安装一下babel插件。

    npm i babel-cli -g

    npm i babel-core -g

    npm i babel-preset-es2015 --save-dev

    最后,在项目的根目录创建.babelrc文件,并在里面写上如下配置:

    {
    "presets": ["es2015"]
    }

    参考:ES6编译问题

  • 相关阅读:
    go context
    go etcd
    go logs
    go config
    go tail
    kafka与zookeeper
    go kafka
    go mysql
    array_map array_walk
    单独配置的nginx mysql 重启
  • 原文地址:https://www.cnblogs.com/knuzy/p/10496224.html
Copyright © 2011-2022 走看看