笑望灬星辰

解决node 升级 node 升级 PostCSS received undefined instead of CSS string// 一般node 升级 css 预编译期都要重新更新npm rebuild node-sassnpm i或者删除后重新 install以 sass 预编译器为例，less 同理，这里就先暂时略过，本人主要使用sass预编译器...

聊聊 sass 和 less```c他们是 CSS 预处理器。他是 CSS 上的⼀种抽象层。他们是⼀种特殊的语法/语⾔编译成CSS 。 例如 less 是⼀种动态样式语⾔. 将CSS赋予了动态语⾔的特性，如变量，继承，运算， 函数 less 既可以在客户端上运⾏ (⽀持 IE 6+ , Webkit , Firefox )，也可⼀在服务端 运⾏ (借助 Node.js )好处结构清晰，便于扩展。 可以⽅便地屏蔽浏览器私有语法差异。这个不⽤多说，封装对浏览器语法差异的重复处理，减少⽆意

直接上代码变量的使用$myColor: red;$myFontSize: 18px;$myWidth: 680px;// 使用变量#container { width: $myWidth; font-size: $myFontSize; color: $myColor;}#container { width: 680px; font-size: 18px; color: red;}/*# sourceMappingURL=index.css.map */

直接上代码安装npm install -g sass检查版本sass --version测试#test{ .test{ color: red; font-size: 20px; }}预编译到指定文件sass d:\mydemo\study\sass\test.scss test.css路径可自定义

直接上代码sass --watch xxx.scss xxx.css建议取消ide的自动保存当然不取消也没关系 就是终端会一直闪动

vue项目配置sass1 基于 webpack 创建项目vue init webpack sassDemo2 安装loadernpm install sass-loader node-sass --save-dev3 进入 / build / webpack.base.conf.js 添加rules { test: /\.sass$/, loaders: ['style', 'css', 'sass'] }4 进入 package.json 中修改 sass-