如何在webpack中使用noParse?

时间:2017-07-21 18:45:00

标签: javascript node.js webpack webpack-dev-server

我想通过使用下面给出的这行代码将其从我的webpack文件中排除。

noParse: /node_modules\/localforage\/dist\/localforage.js/,

但无论我尝试什么,我都会继续说出像

这样的错误
  

ReferenceError:未知插件" add-module-exports"在C:/..../ node_modules \ localforage \ .babelrc

中指定

这是我的webpack配置文件:

var path = require('path');
 var HtmlWebpackPlugin = require('html-webpack-plugin');

 module.exports = {
   entry: './app/index.js',
   output: {
     path: path.resolve(__dirname, 'dist'),
     filename: 'index_bundle.js',
     publicPath: '/'
   },
   devServer: {
    historyApiFallback: true,
  },
   module: {
     rules: [
       { test: /\.(js)$/, use: 'babel-loader' },

       { test: /\.css$/, use: [ 'style-loader', 'css-loader' ]}
     ]
   },
   plugins: [
     new HtmlWebpackPlugin({
       template: 'app/index.html'
     })
  ]
};

1 个答案:

答案 0 :(得分:0)

您可以在webpack中使用localForage 1.3+版本。您应该在配置中添加noParse

var path = require('path');
var HtmlWebpackPlugin = require('html-webpack-plugin');
module.exports = {
    entry: './app/index.js',
    output: {
        path: path.resolve(__dirname, 'dist'),
        filename: 'index_bundle.js',
        publicPath: '/'
    },
    devServer: {
        historyApiFallback: true,
    },
    module: {
        noParse: /node_modules\/localforage\/dist\/localforage.js/,
        rules: [{
            test: /\.(js)$/,
            exclude: /localforage/,
            use: 'babel-loader'
        }, {
            test: /\.css$ / ,
            use: ['style-loader', 'css-loader']
        }]
    },
    plugins: [
        new HtmlWebpackPlugin({
            template: 'app/index.html'
        })
    ]
};