webpack作为现在火热的代码打包工具方便是方便,但是真的好难配置
在使用vue的时候我们可以先安装vue-cli 利用vue-cli 安装webpack 这里面已经把webpack配置好了 只需按照自己的需求稍加改动即可
vue-cli:npm i vue-cli -g 全局安装vue-cli
安装完成之后在自己的项目中打开命令行 安装vue的webpack模板
$ vue init <template-name> <project-name>
例如:
$ vue init webpack my-project
具体情况可以参照 https://www.npmjs.com/package/vue-cli
安装完成之后 运行本地代码 只需 npm run dev 浏览器就可以打开默认页面 如果浏览器没有默认打开可以手动在浏览器中输入http://localhost:8080
注意:vue 这种情况下运行本地文件需现在本地搭建服务器,且8080端口未占用 (若端口占用需在webpack配置文件中改端口号)