webpack报错总结

webcpack.config.js文件中的相关代码注释

/* 
    webpack.config.js   webpack的配置文件
    作用：指示webpack干哪些活儿(当你运行webpack时，会加载里面的配置)
    *重点：所有的构建工具都是基于nodejs平台运行的~模块化默认采用commonjs
*/
//resolve：用来拼接绝对路径的方法
const {resolve} = require('path');
module.exports={
    //webpack配置
    //入口起点
    entry:'./src/index.js',
    //输出
    output:{
        //输出文件名
        filename:'built.js',
        //输出路径
        //__dirname nodejs的变量，代表当前文件的目录绝对路径
        path:resolve(__dirname,'build')
    },
    //loader的配置
    module:{
        rules:[
            //详细loader配置
            //不同文件必须配置不同的loader,
            //loader文件均需通过npm i xxx -D 指令下载
            {
                //匹配哪些文件
                test:/\.css$/,
                //使用哪些loader进行处理
                use:[
                    //use数组中loader执行顺序：从右到左，从下到上 依次执行
                    //创建style标签，将js中的样式资源插入进行，添加到head中生效
                    'style-loader',
                    //将css文件变成commmonjs模块加载到js中，里面的内容是样式字符串
                    'css-loader'
                ]
            },
            {
                test:/\.less$/,
                use:[
                    //创建style标签，将js中的样式资源插入进行，添加到head中生效
                    'style-loader',
                    //将css文件变成commonjs加载到js中，里面内容是样式字符串
                    'css-loader',
                    //将less文件编译成css文件
                    //需要下载less-loader和less
                    'less-loader'
                ]
            }
        ]
    },
    //plugins的配置
    plugins:[
        //详细plugins的配置
    ],
    //模式
    mode:'development' //开发模式
    //mode:'production'  生产模式
    
}

这几天遇到的一些报错：
1.在终端运行时，一定要找到对的路径，并且使用npm init加载项目，初始化运行环境，找对路径之后，只有这两步需要手动输入，其他的按enter键下一步。在初始化过程中，遇到过can’t gerResolve报错,找了半天没找到原因，然后就回头看了之前的教程，又重新走了一遍流程，发现少了这一步

2.加载环境之后，终端下载需要的包,这些包在package.json文件中都可以检查是否漏装

3.Error: Cannot find module 'webpack/lib/node/NodeTemplatePlugin'
解决方案：在电脑终端重新使用npm install webpack -g重新下载webpack，我因为上一个报错，搜索了一篇帖子，在终端卸载了webpack,所以就出现了这个报错，于是卸载webpack,但是并没有解决问题
4.DeprecationWarning: Compilation.assets will be frozen in future, all modifications are deprecated.

解决方案如下
卸载原来的html-webpack-plugin
终端命令：npm uninstall html-webpack-plugin
安装最新的html-webpack-plugin
安装最新的
终端命令：npm i --save-dev html-webpack-plugin
已测，有效