2022/8/23 关于打包发布的后续

在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使用

 项目发布之前用

  "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'}