webpack.config.js和wabpack.json的配置文件

一、webpack.config.js配置文件

module.exports = {

entry:'路径'  ,          //入口，要打包的main.js文件的路径

output:{                //出口，打包后的文件

    path:'路径',            //存放打包后文件的路径

    filename:'文件名'        //打包完成后的js文件名

},            

}

当output中的path使用相对路径时

output中的path无法使用相对路径，只能使用绝对路径，但实际应用时可能路径会改变，所以这里应该使用node来动态获取路径

使用node前，需要安装其对应的包，在终端输入npm init

完成后会自动生成一个webpack.json文件（该文件主要说当前项目的一些版本信息，一般我们要依赖node相关时，都会生成一个该文件）

之后我们便可使用node的方法：

webpack.config.js文件

resolve：拼接函数，将两个字符串拼接在一起

_dirname：node中的全局变量，代表当前路径

配置完成后，在终端上可以直接输入webpack来完成打包

打包完成

二、webpack.json配置文件

在该文件中，存在一个"scripts"变量，其中含有一些脚本（可再次创建脚本），在终端输入npm run ***，即可执行相关脚本

增加一个名为‘build’的脚本，执行时会调用webpack命令 npm run 执行相关脚本

这样的执行命令会优先在本地（项目中）寻找执行相关命令

ps：例如前一篇文章有提到webpack的安装有全局和局部两种安装方式，如果在一个项目安装了局部webpack，而电脑中存在全局webpack，则上述执行命令就会优先使用局部webpack，其次再使用全局webpack。如果不在该配置文件中定义脚本，则在终端打包时，会优先使用全局webpack。