简介： 模块打包器
webpack天生是不支持.css这种类型的，这时候就需要用到loader
image.png
js文件中引用css怎见，这种语法的意思就是用css-loader 去加载style.css文件
css-loader 可以使webpack处理css文件，style.loader可以把处理完的文件新建一个style标签，插入到html中去。
image.png
如果不用这样的形式，在require（）里面这样的语法，我们可以通过命令行的形式
后面接webpack参数
image.png
后接--watch后可以使模块文件有更新就重新打包
打包生成html文件则需要插件html-webpack-plugin，安装后在webpack.config.js中引用
image.png
然后这样去使用：
image.png
在这里直接配置标题，需要使用ejs语法，
image.png
loader的处理方式是从右到左
注意点：
1: 在webpack2.x版本，wepack.config.js文件中，要用var path = require(‘path’)，
输出路径时候使用path: __dirname + '/dist/js')这样才能变成绝对路径，否则会报错
2： 在webpack.config.js里面，向loader传参不在使用query，而是使用options
{test: '/\.js$/', loader: 'babel-loader', options: {'presets': ['env']}} （-loader不可以省略）
3： 另外如果是在.babelrc文件中配置的话，千万不要给.babelrc文件添加诸如js, json的后缀名，这个文件没有后缀，切记！切记！
网友评论