webpack配置方法更新
- 新建一个webpack文件夹,例如webpack-demo,并用vscode打开这个文件夹,使用命令创建一个package.json文件:
$ npm init -y
-
在webpackdemo下建一个src文件夹,在./src下新建main.js和index.html两个文件(在这两个文件中随便写点神马),接着使用以下命令进行第一次打包
$
webpack ./src/main.js -o ./dist/bundle.js
-
在本地项目中安装webpack,使用命令
$npm i webpack -D
进行安装, -
然后再安装webpack-dev-server ,webpack-dev-server是一个能使webpac项目自动打包的一个东西, 使用命令:
npm i webpack-dev-server -D
进行安装,然后到package.json文件下进行配置,如下图所示:
注意:还需要安装webpack-cli 不然运行项目会报错
安装命令:npm i wepback-cli -D
-
在webpack项目下新建一个webpack.config.js文件,并进行如下配置
6.运行webpack项目文件,使用以下命令
$ npm run dev