File tree Expand file tree Collapse file tree
Expand file tree Collapse file tree Original file line number Diff line number Diff line change @@ -14,20 +14,12 @@ webpack 其实也是一套自动化构建工具,在打包代码的时候也是
1414
1515
16161 . 在根目录下新建` webpack.config.js `
17- ``` js
18- gulp gulpfile .js
19- webpack webpack .config .js
20- ```
17+
21182 . 用npm安装` webpack ` 的依赖包,全局安装一次,本地也安装一次
2219
2320``` bash
24- npm install gulp -g //全局
25- npm install gulp //本地
26-
27-
2821npm install webpack -g
2922npm install webpack-cli -g
30- npm install webpack
3123```
3224
33253 . 往配置文件里面写对应的配置
@@ -313,8 +305,8 @@ package.json是一个标准的npm说明文件,里面蕴含了丰富的信息
313305```
314306
315307## 执行打包
308+
316309在命令行执行` webpack ` 命令
317- ![ 这里写图片描述] ( http://img.blog.csdn.net/20170422171745796?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvcXFfMjcwODAyNDc=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast )
318310
319311## 安装并启用webpack-dev-server
320312
@@ -358,7 +350,6 @@ module.exports = { //注意这里是exports不是export
358350 }
359351};
360352```
361- ![ 这里写图片描述] ( http://img.blog.csdn.net/20170422175523108?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvcXFfMjcwODAyNDc=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast )
362353在命令行执行` webpack-dev-server ` 命令就会运行服务器
363354```
364355webpack-dev-server
You can’t perform that action at this time.
0 commit comments