vue不编译node_modules中的js文件

Question

使用下面这个库

https://github.com/Justineo/v...

在main.js中

import 'vue-awesome/icons'

报错如下:

Uncaught SyntaxError: Unexpected string

查看应该是没被编译

但是我的webpack.base.conf里面加了编译如下:

  {
    test: /\.js$/,
    loader: 'babel-loader',
    include: [
      path.join(projectRoot, 'src'),
      path.join(projectRoot, "node_modules/vue-awesome"),       
    ],
    exclude: /node_modules/,
  },
  

请问前端大神这个是为什么？？？要怎么做！

Answer 1

官网说的webpack.base.conf.js应该这么干呀:

      {
        test: /\.js$/,
        loader: 'babel-loader',
-       include: [resolve('src'), resolve('test')]
+       include: [resolve('src'), resolve('test'), resolve('node_modules/vue-awesome')]
      }

不太懂你的做法.

Answer 2

resolve: {
    extensions: ['*', '.js', '.vue', '.json']
},

加上这个试试，不写后缀拓展名的话要加配置。

Answer 3

exclude: /node_modules/

去掉这行代码试试