修改webpack配置文件和json文件，使用npm run webpack执行打包

直接上步骤：

1. 准备工作，新建下面层级目录

demo --src–script
–dist–js

2.新建/src/script/main.js，写入下面代码

function hello(){}

3.新建webpack.config.js文件，写入配置内容

var path = require("path");
module.exports = {
	entry: './src/script/main.js',//入口文件
	output: {
		path: path.resolve(__dirname,'./dist/js'),//此处有个小插曲
		filename: 'bundle.js' //打包成的文件名
	}
}

原来的代码
module.exports = {
entry: ‘./src/script/main.js’,
output: {
path: ‘./dist/js’,
filename: ‘bundle.js’
}
}
报错configuration.output.path: The provided value “./dist/js” is not an absolute path!
修改为上面的代码，使用绝对路径即可

4. 命令行执行 webpack，此时使用 webpack命令进行打包
5. 修改webpack.json文件，在scripts中添加webpack那段，将webpack的脚本写进文件中，命令行使用 npm run webpack进行打包

{
  "name": "webpack_demo",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
	"webpack": "webpack --mode development --mode production --config webpack.config.js --progress --colors --display-module --display-reason" 
  },
  "author": "",
  "license": "ISC"
}

6. 命令行运行 npm run webpack，成功