webpack 压缩问题

Question

webpack 压缩JS文件。

第1个文件JS：

var tool = {

demo:123

}

第2 个JS：

alert(tool.demo); // tool 未定义。 原因是webpack压缩了。tool 变成a了

如何解决这种问题？

Answer 1

对于webpack来说，两个js就是两个模块，模块所在的命名空间是不同的，即使变量名一样也是两个变量。解决方法，通过import或require将变量导入另外一个js文件中。

Answer 2

webpack只是个打包工具，啥时候成了压缩js的工具了？

Answer 3

第一个js:

var tool = {
    demo: 123
}
export default tool

第二个js:

import tool from '第二个.js'

alert(tool.demo)

Answer 4

{
  plugins: [
    new webpack.optimize.UglifyJsPlugin({
      compress: {
        warnings: false
      }
    })
  ]
}

使用webpack自带的压缩软件报错