前提：安装了node.js与npm 1.建立一个npm项目 新建项目文件夹，打开终端，将路径移动至此文件夹，初始化输入 按照提示输入项目名称，描述，作者等信息（可回车跳过） 成功创建npm项目 2. 安装所需要的包 在终端中输入 *可根据警告中的提示安装 ...

如果webpack配置没有问题，在vue文件中编译sass/scss报上面的错误，大概是由于node-sass安装失败，重新卸载安装， 在国内安装node-sass失败的话，可以使用淘宝镜像： 参考地址： https ...

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

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项目编译时间变长 ##优化方法 一些性能开销较大的 loader 前面添加 cache-loader，将结果缓存在磁盘中减少编译时间 安装 ...

首先我们来看一下使用Vue-cli2与Vue-cli2之后的版本(这里以Vue-cli4版本为例)创建项目目录结构的不同： Vue-cli2（左图）与Vue-cli4（右图）创建项目的目录 从上图可以看出Vue-cli2中有static文件夹，Vue-cli4是移除了static文件夹 ...