webpack学习

78 阅读1分钟

这篇文章可以创建一个由webpack管理的项目 blog.csdn.net/u014635374/… 运行vue init webpack myapp可以构建一个项目(需安装vue-cli与webpack-cli、webpack)

图片.png 结构如下所示

图片.png

build文件中是项目构建的webpack代码

图片.png

webpack.dev.conf.js与webpack.prod.conf.js分别为在开发环境下的配置与在生产环境下的配置基本上不需要修改; webpack.base.conf.js里是webpack的基础配置。

config是配置文件目录

图片.png

index.js可以配置dev和build命令

dev.env.js与prod.env.js文件中要放开发或生产环境下的后台地址

图片.png

注意:对象属性值一定要用'""'的形式引用。

配置好后可以在axios的封装文件中以process.env.BASE_API调用。

我的webpack版本:

图片.png

我的vue脚手架版本

图片.png

我的node版本

图片.png