什么是webpack webpack是一个模块打包器，包(bundle)就是一个js文件，它把一堆资源合并在一起，以便在同一个文件请求中发回给客户端，webpack还能处理一些浏览器不能直接运行的拓展语言，如Scss,typeScript等。webpack是基于配置型的构建工具，它把整个项目作为一个 ...
分类：
Web程序 时间：
2018-03-08 23:03:57
阅读次数：
384
因为网上此类教程有很多，我就抓重点，让项目快速上手。 如果是在windows系统下，就先安装ruby，官网下载地址：https://rubyinstaller.org/downloads/ 安装完之后，来跟着节奏燥起来。 1、在命令行中：gem install sass 2、这时候就可以直接进到你的 ...
分类：
Web程序 时间：
2018-03-07 18:57:54
阅读次数：
228
参考《Sass入门篇》《侧栏工具条开发》强烈推荐后者，良心课程。 Sass 和 SCSS 其实是同一种东西，我们平时都称之为 Sass，两者之间不同之处有以下两点： 文件扩展名不同，Sass 是以“.sass”后缀为扩展名，而 SCSS 是以“.scss”后缀为扩展名 语法书写方式不同，Sass 是 ...
分类：
其他好文 时间：
2018-03-06 20:26:28
阅读次数：
218
请参见这篇文件：来自一个强大的网站 我主要介绍的就是： 下面所列文件，全部添加进了path目录（Linux查找命令，请参见man.linux,无论是find 或者是 which等） Deepin默认可执行文件颜色为蓝色 下面我们随便输入一个可执行文件名（任意目录），执行后会自动打开！ 或者我们用vs ...
分类：
其他好文 时间：
2018-03-04 23:01:27
阅读次数：
2469
加载一个全局设置文件 在每个组件里加载一个设置文件，而无需每次都将其显式导入，是一个常见的需求。比如为所有组件全局使用 scss 变量。为了达成此目的： 然后增加下面的 webpack 规则： 举个例子，如果你使用了 vuejs-templates/webpack，请如下修改 build/utils ...
分类：
Web程序 时间：
2018-03-01 13:22:52
阅读次数：
855
1、三个需要在npm中找相应的教程 gulp-scss、gulp-swig、gulp-babel 2、具体的相关代码如下 3、swig的参考文档 https://www.jianshu.com/p/f0bffc42c1ce 4、移动端的layout.html 5:index.html 的事例 ...
分类：
其他好文 时间：
2018-03-01 11:54:26
阅读次数：
183
一.安装sass依赖包 二.修改 style标签添加lang属性 三.npm编译 四.如果失败 则打开build文件夹下面的webpack.base.config.js添加 ...
分类：
其他好文 时间：
2018-02-28 16:20:55
阅读次数：
209
sass是css预处理器 需要安装node sass支持 核心是c++编写 集成 1. sass loader 把scss装换成css 1. css loader 找出@import和url()导入的语法，告诉webpack依赖的资源。同时支持css modules、压缩css等 1. style ...
分类：
Web程序 时间：
2018-02-24 23:12:18
阅读次数：
981
step1:添加插件echart; package.json文件中会在dependencies中添加echarts，如下图： step2:运行cmd,创建echart-pie组件； 如下图： 生成对应文件： echart-pie.html文件: echart-pie.scss文件： echart-p ...
分类：
其他好文 时间：
2018-02-24 13:03:59
阅读次数：
1979
前端开发越来越侧重于效率和性能，使用LESS和SCSS资源的预处理器为我们前端CSS编写工作提供了很大的便利。但是也有很多简单的方法可以编写小巧快速的CSS代码，提高开发效率并解决许多常见的问题。 1.使用CSS reset 像normalize.css这样的CSS重置库非常受欢迎，它为您的站点样式 ...
分类：
Web程序 时间：
2018-02-14 18:18:34
阅读次数：
173
