【webpack】nodejs中安装与配置

为了更好解决不同浏览器对于代码兼容性问题，可以使用webpack对项目进行打包：

一、基本入门

1、通过npm安装webpack：

npm install webpack webpack-cli -D

2、项目根目录创建webpack.config.js文件，并进行配置

module.exports = {
   
		//可以设置为development(开发模式)，production(发布模式)
        mode:"development"      
}

3、修改项目中的package.json文件添加运行脚本dev（若无package.json请自行创建（npm init）

"scripts":{
   
        "dev":"webpack"
 }

4、运行dev命令进行项目打包，打包后就会在项目中根目录生成”dist“文件夹，页面即可引入其中的“main.js"文件

npm run dev