index.js 具体代码如下： npm i style-loader 2、在package.json文件同级目录， 创建 ...

序 上一篇已经把基本架子搭起来了，现在来增加css、scss、自动生成html、css 提取等方面的打包。webpack 默认只能处理js模块，所以其他文件类型需要做下转换，而loader 恰恰是做这个事情的，来试试一步一步的完成这个事情吧。 1、安装 normalize.css ...

最近项目有个需求：希望项目基础路径上加个参数/pc,如下图所示 这个问题主要用项目配置 基础路径来实现。 Vue中的实现配置方式 在根目录新建vue.config.js文件 uniapp中配置方式 在manifest.json ...

Webpack配置Vue项目 一. 基本配置 1. 在项目中安装和配置 webpack 使用webpack打包生成的文件就不会存在兼容性问题，可以使用es6的import语法 ① 运行 npm install webpack webpack-cli –D 命令，安装 webpack ...

原文地址：https://lvyongbo.gitbooks.io/vue-loader/content/ 使用预处理器 在 Webpack 中，所有的预处理器需要和一个相应的加载器一同使用。vue-loader 允许你用其它的 Webpack 加载器去处理 Vue 组件一部分代码 ...

前言 　　当我们需要配置 loader 时，都是在 module.rules 中添加新的配置项，在该字段中，每一项被视为一条匹配使用 loader 的规则。 看一下基础实例： loader 的匹配规则中有两个最关键的因素：一个是匹配条件，一个是匹配规则后的应用。 接下来对一些 ...

VUE启动流程 1. package.json 在执行npm run dev的时候，会在当前目录中寻找 package.json 文件, 有点类似 Maven 的 pom.xml 文件，包含项目的名称版本、项目依赖等相关信息。 2. webpack ...

问题：随着业务代码不断增加，项目深度不断延伸，我们的构建时长也会因此不断增加。渐渐的vue项目编译时间变长 ##优化方法 一些性能开销较大的 loader 前面添加 cache-loader，将结果缓存在磁盘中减少编译时间 安装 ...