在打包項目的時候,出現如下的錯誤:
經過搜索找到原因:
這是因為webpack在打包vue文件時沒有成功轉換ES6的語法。
解決方案
解決方法很簡單,加入babel-preset-es2015插件即可,
1. 安裝依賴如下:
$ npm install --save-dev babel-preset-es2015
2. 修改【webpack.config.js】配置文件
{ test: /\.js$/, use: { loader: 'babel-loader', options: { presets: ['es2015'] } }, exclude: /node_modules/ },
3、根目錄下添加【.babelrc】文件
{ "presets": ["es2015"] }
重新打包,然后查看結果。