请问webpack打包后的js文件，里面的函数为什么没办法使用？

Question

webpack打包后的js文件，里面的函数为什么没办法使用

Answer 1

webpack配置：...const ExtractTextPlugin = require('extract-text-webpack-plugin')module.exports = {...output: {path: path.join(__dirname, './dist'),filename: 'js/[name].js',publicPath: '/dist/'},module: {loaders: [...{test: /\.css$/,loader: ExtractTextPlugin.extract({fallbackLoader: 'style',loader: 'css',publicPath: '../'})},]},plugins: [...new ExtractTextPlugin({filename: 'css/[name].css',disable: false,allChunks: false})]}

Answer 2

开发环境和生产环境用的是同一个 webpack 配置文件，导致生产环境打包的 JS 文件包含了一大堆没必要的插件，比如HotModuleReplacementPlugin, NoErrorsPlugin 这时候不管用什么优化方式，都没多大效果。所以，如果你打包后的文件非常大的话，先检查下是不是包含了这些插件。

Answer 3

webpack配置如下：const ExtractTextPlugin = require('extract-text-webpack-plugin')module.exports = {output: {path: path.join(__dirname, './dist'),filename: 'js/[name].js',publicPath: '/dist/'},module: {loaders: [{test: /\.css$/,loader: ExtractTextPlugin.extract({fallbackLoader: 'style',loader: 'css',publicPath: '../'})},]},plugins: [new ExtractTextPlugin({filename: 'css/[name].css',disable: false,allChunks: false})]}