5.配置webpack
5.1概述
使用vue.js开发大型应用时,需要使用webpack打包工具对项目的js进行打包,所以,需要配置这个软件
5.2安装
注意: webpack基于node.js运行,首先需要先安装node.js(安装方式省略)
webpack的安装分为本地安装和全局安装:
本地安装:仅将webpack安装在当前项目的node_modules目录中,仅对当前项目有效。
全局安装:将webpack安装在本机,对所有项目有效。(本次采用全局安装)
npm install webpack@3.6.0 -g
出现以下情况,表示安装成功
![](https://i-blog.csdnimg.cn/blog_migrate/a9bc9e2e8f7586083092f16456127b70.png)
6.项目配置
注意: 为了开发方便,我选择使用WebStrom打开当前项目
6.1.项目结构
6.2.基本配置6.2.1.修改端口
可以在项目根目录下的package.json中修改项目启动的IP地址和端口号,默认为"127.0.0.1:3000"