我给大家排下这里的坑。
第一,安装的时候先要全局安装webpack 就是加上-g。
第二,文件名字不能重复webpack名字。
第三,windown下 更改"css=style-loader!css-loader!" 是双引号
第一,安装的时候先要全局安装webpack 就是加上-g。
第二,文件名字不能重复webpack名字。
第三,windown下 更改"css=style-loader!css-loader!" 是双引号
2017-12-22
我给大家排下这里的坑。
第一,安装的时候先要全局安装webpack 就是加上-g。
第二,文件名字不能重复webpack名字。
第三,windown下 更改"css=style-loader!css-loader!" 是双引号
第一,安装的时候先要全局安装webpack 就是加上-g。
第二,文件名字不能重复webpack名字。
第三,windown下 更改"css=style-loader!css-loader!" 是双引号
2017-12-22
这节课在最新的webpack3.0以上版本运行不了,正确语法:
//处理模板文件
{test:/\.html$/,use: {loader: 'html-loader'}}
//处理模板文件
{test:/\.html$/,use: {loader: 'html-loader'}}
2017-12-21
webpack3.0以上版本加-ms-和-webkit-正确语法:
//less打包处理,加载从右向左,注意顺序
{test:/\.less$/,use: [
{loader: "style-loader"},{loader: "css-loader"},{loader: "postcss-loader",options:{
plugins:[require('autoprefixer')] //自动处理class加前缀,-ms-和-webkit-
}},{loader: "less-loader"}
]},
//less打包处理,加载从右向左,注意顺序
{test:/\.less$/,use: [
{loader: "style-loader"},{loader: "css-loader"},{loader: "postcss-loader",options:{
plugins:[require('autoprefixer')] //自动处理class加前缀,-ms-和-webkit-
}},{loader: "less-loader"}
]},
2017-12-21
webpack3.0以上版本语法为:
{test:/\.less$/,use: [{loader: "style-loader"},{loader: "css-loader"},{loader: "less-loader"}]},
{test:/\.less$/,use: [{loader: "style-loader"},{loader: "css-loader"},{loader: "less-loader"}]},
2017-12-21
谢谢老师,教程很不错。适合入门。
我对课程的内容敲的源码:https://github.com/leochan2017/webpack-demo。
里面建了很多个分支,分别对应每个课程的源码:https://github.com/leochan2017/webpack-demo/branches
同学们,共同进步。
我对课程的内容敲的源码:https://github.com/leochan2017/webpack-demo。
里面建了很多个分支,分别对应每个课程的源码:https://github.com/leochan2017/webpack-demo/branches
同学们,共同进步。
2017-12-20