ionic添加scss

最新推荐文章于 2021-06-22 17:04:26 发布

weixin_34255055

最新推荐文章于 2021-06-22 17:04:26 发布

阅读量140

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/znsongshu/p/6081154.html

版权

Setup Sass Automatically

在进行以下操作之前要确保node比较新，以便正确安装node-sass 或
改用cnpm install node-sass安装（淘宝源）

$ ionic setup sass

Setup Sass Manually
在执行npm install之前确保执行零npm install -g 先安装全局，再安装本地
  1. Run npm install from the working directory of an Ionic project. This will install gulp.js and a few handy tasks, such as gulp-sass andgulp-minify-css.
  2. Remove <link href="lib/ionic/css/ionic.css" rel="stylesheet"> from the <head> of the root index.html file.
  3. Remove <link href="css/style.css" rel="stylesheet"> from the <head> of the root index.html file.
  4. Add <link href="css/ionic.app.css" rel="stylesheet"> to the <head> of the root index.html file.
  5. In the ionic.project file, add the JavaScript property "gulpStartupTasks": ["sass", "watch"] (this can also be customized to whatever gulp tasks you’d like).