webpack配置
初始化webpack
npm init
项目根目录下会生成package.json文件
{
"name": "vue-he",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
},
"author": "",
"license": "ISC"
}增加配置项：private
"private": true,
“private”：true，npm将拒绝发布它。 这是防止私人存储库意外发布的一种方法。
全局安装webpack、webpack-cli
npm install webpack webpack-cli -g
查看webpack版本
webpack -v
不推荐全局安装webpack，如果多个项目运行不同版本的webpack，有些项目没法运行。推荐项目内局部安装
先删除全局webpack
npm uninstall webpack webpack-cli -g
项目内局部安装webpack：切换到项目根目录文件夹
npm install webpack webpack-cli --save-dev
项目内查看webpack版本，用
npx webpack -v
查看一个包的版本号是否存在
npm info webpack
自己编写配置文件：根目录下新建webpack.config.js,再次运行 npx webpack ，运行会报错。
因为之前默认运行的是 npx webpack index.js,而现在配置文件里没指定打包文件，所以报错。
用commonjs语法编写配置文件：
const path = require('path')
module.exports = {
entry: './index.js',
output: {
filename: "bundle.js", // 打包后文件名
path: path.resolve(__dirname, 'bundle') // 打包放到哪个文件夹下
}
}再次运行 npx webpack ,此时打包成功。
webpack默认配置文件名为webpack.config.js 如果以其他配置文件打包文件，则执行
npx webpack --config webpackconfig.js
此时以webpackconfig.js 为配置文件打包文件
用npm 命令执行打包命令。
修改package.json,修改“script”属性值
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1",
"bundle": "webpack"
},执行npm命令 npm run bundle,即可执行打包命令
