》webpack只理解js文件,所以需要loader处理那些非js文件。
》plugins 想要使用一个插件,你只需要require()它,然后把它添加到plugins数组中。
》path.resolve用于将相对路径转为绝对路径。说明:node中的全局对象__dirname,存储的是文件所在的文件目录
path.resolve([from...],to),接收参数,源路径from,将被解析到绝对路径的字符串
由于该方法属于path模块,使用前需要引入path模块(var path = require('path'))
path.resolve('/foo/bar','.baz')
// '/foo/bar/baz'
》webpack插件uglifyjs
webpack.optimize.UglifyJsPlugin
是webpack的核心插件,是自带的,直接使用。
而webpack.optimize.UglifyJsPlugin
和uglifyjs-webpack-plugin
是同一个插件,
只不过后者可以安装指定的UglifyJS版本,而不使用webpack自带的,就这点区别。
UglifyJS中文文档:https://segmentfault.com/a/1190000008995453
》webpack插件HtmlWebpackPlugin
参照:https://segmentfault.com/a/1190000007294861
HtmlWebpackPlugin简化了HTML文件的创建,以便为您的webpack包提供服务。 这对于在文件名中包含每次会随着变异会发生变化的哈希的webpack bundle尤其有用。 您可以让插件为您生成一个HTML文件,使用lodash模板提供您自己的模板,或使用您自己的loader。
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11