nuxt.js 引入vux 报错

nuxt.js 引入vux 之后:run generate的时候uglifyJs 报错, run dev 的时候可以成功但是,只要刷新页面就会报 unexpected token import

nuxt.config.js代码如下:

plugins: [
    '~plugins/api'
  ],
  build: {
    vendor: ['axios','vux'],
    extend (config, ctx) {
      if (ctx.dev && ctx.isClient) {
        config.module.rules.push({
          enforce: 'pre',
          test: /\.(js|vue)$/,
          loader: 'eslint-loader',
          exclude: /(node_modules)/
        })
      }
      vuxLoader.merge(config,{
        options: {
          isWebpack2: true
        },
        plugins: [{
          name: 'vux-ui'
        }, {
          name: 'duplicate-style'
        }]
      })
    },
    babel: {
      presets: ['es2015', 'stage-0'],
      "plugins": ["transform-runtime"]
    },
    loaders:[{
      test:/\.vue$/,
      loader: 'vue-loader'
    }]
  },
阅读 5.2k
2 个回答

这个问题解决了吗。我也遇到这个问题了。能指点一下吗?

我在plugin里面做了导入可以避免上面的错误

import {Card, XButton, Divider} from 'vux'
import Vue from 'vue'
Vue.component('Divider', Divider)
Vue.component('XButton', XButton)
Vue.component('Card', Card)

刷新的时候没事了。但是我还是提示如下警告
VUX: 如果你看到这一行,说明 vux-loader 配置有问题或者代码书写规范的原因导致无法解析成按需引入组件,会导致打包体积过大。请升级到最新版本 vux-loader,建议开启 eslint(standard)。

推荐问题