webpack 打包性能优化清单

2020-05-22
阅读 3 分钟
1.7k
由于 Loader 对文件的转换操作很耗时,所以需要让尽可能少的文件被 Loader 处理。可以通过 test/include/exclude 三个配置项来命中 Loader 要应用规则的文件。

webpack 加载动态图片

2019-12-20
阅读 2 分钟
4.9k
所谓动态图片指的是接口返回的图片地址,这里的地址指的是本地的图片地址,而非网络图片的url。 本地有一个 image 文件夹,存放需要用到的图片。按照接口返回的图片地址比对去加载。 webpack加载图片首先想到的是 file-loader 或者 url-loader

Vue2从0到1(三):Vuex的使用

2017-09-26
阅读 3 分钟
4.4k
上两篇讲了: 环境的搭建用webpack打包vue 和Vue-router的使用 下面讲一下: 9.vuex的应用 安装vuex {代码...} 9.1基本用法: 新建store.js文件: {代码...} 在main.js里面注入store; {代码...} 新建count.vue文件,并新建路由指向count组件参照vue-router的使用。count.vue文件: {代码...} 效果图: 9.2用Module拆分st...

Vue2从0到1(二):Vue-router的使用

2017-09-21
阅读 3 分钟
11k
上一篇讲了Vue起步:环境的搭建用webpack打包vue 下面讲一下vue路由vue-router 8.使用路由vue-router2 首先安装 vue-router: {代码...} 修改main.js: 1.引入APP,about两个组件导入router组件 引入子组件Child {代码...} 2.定义路由:嵌套路由用children:[]存放,子组件在父组件的 {代码...} 中渲染,路由通过 "/:id" 定义...

Vue2从0到1(一):用webpack打包vue

2017-09-20
阅读 3 分钟
32.5k
webpack-vue 0.项目初始化 cd 'to/your/path' npm init 1.安装 webpack 分为全局安装和项目内安装 {代码...} 2.配置webpack.config.js文件 {代码...} 命令行里面执行 webpack 命令即可看到编译后的文件 3安装webpack-html-plugin npm install html-webpack-plugin --save-dev {代码...} 再次执行webpack命令可看到多了一...