@hao360/cube-css-loader
Advanced tools
+12
-2
| const css = require('css'); | ||
| const loaderUtils = require('loader-utils'); | ||
| const {resolve: pathResolve} = require('path'); | ||
@@ -90,2 +91,11 @@ /** 添加样式命名空间前缀 */ | ||
| /** 处理动态css */ | ||
| let options = loaderUtils.getOptions(this); | ||
| let wait = Math.max(0, options.wait || (this.hot ? 400 : 1000)); | ||
| if(this.hot){ | ||
| this.addContextDependency(pathResolve(this.rootContext, 'src')); | ||
| /* 开发状态下,如果没有动态样式则无需在 wcss load 等待以加快热更新,只是首次添加动态样式之后会可能需要多次保存或者刷新页面才生效*/ | ||
| if(!global.hasCubeWcssData){ | ||
| wait = 0; | ||
| } | ||
| } | ||
| const callback = this.async(); | ||
@@ -97,7 +107,6 @@ setTimeout(() => { | ||
| for (let f in cubeWcssData) { | ||
| this.dependency(f); | ||
| wcss = wcss.concat(cubeWcssData[f]); | ||
| } | ||
| callback(null, `module.exports = ${JSON.stringify(wcss)};`) | ||
| }, 100) | ||
| }, wait) | ||
| return; | ||
@@ -117,2 +126,3 @@ } else { | ||
| global.cubeWcssData[this.resourcePath] = wcssData; | ||
| global.hasCubeWcssData = !!Object.keys(global.cubeWcssData[this.resourcePath]).length; | ||
@@ -119,0 +129,0 @@ if(global.cubeCssData){ |
+1
-1
| { | ||
| "name": "@hao360/cube-css-loader", | ||
| "version": "1.2.0", | ||
| "version": "1.2.1", | ||
| "description": "cube css loader", | ||
@@ -5,0 +5,0 @@ "main": "index.js", |
5164
12.63%128
8.47%