记得去年十月份的时候，自己在研究webpack，当时只是知道大致的用法，写了一个简单的demo，现在，经过了7个月对公司产品架构的使用，以及对vue-cli的使用，在了解了实际应用中各种需求之后，我自己写了一套适合开发的vue-cli 为了满足业务需要我这里配置了四套环境，打包 ...

一、vue单文件组件 ①文件扩展名为 .vue 的 就是single-file components(单文件组件) ②参考文档：单文件组件 二、webpack加载第三方包 ①项目中，如果需要用到一些第三方包，比如vue.js，jQuery.js，bootstrap.js等等，如果使用一般 ...

一、vue单文件组件开发流程（webpack打包） 1）源文件目录结构 2）package.json 3）webpack.config.js 　　HTML Webpack Plugin依据html模板生成一个自动引用你打包后的文件（js或css）的新的html页面，新文件默认 ...

1、首先全局安装node，和npm。检查是否安装成功 2、新建一个文件下，进入该文件夹。 前先执行　　npm init -y　　然后就会在文件夹下出现一个package.json文件 然后执行　　npm install webpack --save-dev　下载webpack ...

一、生产环境部署 开发环境下，Vue 会提供很多警告来帮你对付常见的错误与陷阱。而在生产环境下，这些警告语句却没有用，反而会增加应用的体积。此外，有些警告检查还有一些小的运行时开销，这在生产环境模式下是可以避免的。 1）不使用构建工具 如果用 Vue 完整独立版本，即直接用 < ...

独立打包js文件，方便发布后快捷修改 经过网络搜索后，有以下几个方案 配置独立entry 倒是有单独打包了，不过被压缩了 webpack不混淆、不压缩指定js文件 通过配置 loader 确实实现了js文件的独立打包，但是，在文件里直接import ...

介绍 webpack是一个前端的静态资源打包工具，能让浏览器也支持模块化。它将根据模块的依赖关系 进行静态分析，然后将这些模块按照指定的规则生成对应的静态资源。 官网：https://webpack.docschina.org/ webpack的作用有下面几点： webpack核心主要进行 ...

1:在public文件夹新建config.js 2在vue.config.js 3：在index.html中通过script标签引入 4在项目中使用 import gConf from 'gConf' ...