朝花夕拾的博客

**生产模式**: 使用 `npm run build` 构建项目，生成的文件会放在 `dist` 目录下。Webpack 可以处理 CSS 文件，使用 `css-loader` 和 `style-loader`。- **开发模式**: 使用 `npm run serve` 启动开发服务器，支持热重载。- [Webpack 官方文档](https://webpack.js.org/)- [Vue CLI 官方文档](https://cli.vuejs.org/)

webpack是打包命令。如果我们不指定它的后继参数，其实也能实现打包。但是有一些小的限制。webpack如果不指定输入和输出，那么默认的打包文件就是./src/index,默认的输出路径是./dist/index.js第一种是通过build，有点长。另外一个是通过webpack配置文件，这两个没有太大的区别，干的都是同一件事情，只是用了不同的方法。如果用第一种方法，在build中，需要写配置节，给全参数。打包命令的表达式：webpack源文件路径-o输出文件路径--（模式）...

webpack就是一个文件打包器项目中常用的这个几个模块entry 打包入口output 打包出口devServer 代理服务解决跨域问题pligins 插件resolve 路径映射entry main 配置多个入口devServer 配置代理服务output 打包文件放的的路径plugins happyPack插件是让webpack同一时间执行多个任务resolve 引入依赖时候可以这样做路径映射 方便引入依赖...

修改成这样就可以了

|--build//项目构建(webpack)相关代码||--build.js//生产环境构建代码||--check-version.js//检查node、npm等版本||--dev-client.js...