在webpack.config.js下执行
我的电脑可能哪里配置出现了问题导致进行webpackhtml失效,打开cmd里的根目录还是跳转回网页的根目录不是首页
加载loader后运行错误为1:2显示css错误,在网上找到了2020年的一篇也是此问题的文章,说是因为css的名称设置问题,但我照着方法更改了后还是照常提示1:2错误。不清楚原因
接触了less文件,是css的预处理(可以嵌套)
html , body , ul {
margin: 0;
padding: 0;
li{
line-height: 30px;
padding-left: 20px;
font-size: 12px;
}
}
注意事项:
//如果需要调用loader有一个用字符串即可,多个就需要指定数组
{test :/\.png|jpg|gif$/,use : 'url-loader?limit=470'}
有一些装饰器列入@info的语法解决方法
exclude意义为排除,后接正则, 不考虑三方包兼容性
webpack在调用babel-loader时,会先加载plugins使用![](https://i-blog.csdnimg.cn/blog_migrate/7803531d84e5fdea215c7fe781f82d6d.png)
项目发布之前用
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1",
"dev": "webpack server --mode development ",
"build" : "webpack --mode production"
},
--mode 优先级很高会覆盖webpackjs内module.exports的mode
webpackjs内用&可以连接属性
{test :/\.png|jpg|gif$/,use : 'url-loader?limit=470&outputPath=images'}