webpack学习笔记之配置json文件和webpack.config.js文件

1、如果项目依赖node,一般都会创建一个json文件。

创建json文件命令,在终端输入npm init,一路回车。生成的json文件里面就是关于项目的一些基本信息。

如果json文件还依赖一些其他,需要在终端输入npm install ,相关的依赖会下载到项目的文件夹中。

webpack学习笔记之配置json文件和webpack.config.js文件

 2、创建webpack.config.js文件,该文件规定了项目的入口和接口文件。

webpack学习笔记之配置json文件和webpack.config.js文件

3、之前的操作一直都是使用的全局的webpack,但是每个项目开发时使用的webpack版本可能不一样,因此还要为项目安装本地webpack依赖,安装命令如下

webpack学习笔记之配置json文件和webpack.config.js文件

安装完成

webpack学习笔记之配置json文件和webpack.config.js文件

4、在json文件中定义执行脚本,运行命令再形成一层映射。直接输入npm run build就是使用本地的webpack启动模块打包。也可以使用node_modules/.bin/webpack使用本地webpack启动打包。

webpack学习笔记之配置json文件和webpack.config.js文件