cssString=>computer==>width

css -loader

rules: [
            {test: /\.css$/, use: ['to-string-loader','css-loader']},
        ]

cssDynamic.js

cssIntoBody(cssString,{
			width:window.innerWidth+"px",
			height:window.innerHeight+"px",
			background:'#eee'
		},"home")

cssIntoBody.js

var _ =require("underscore");

function addcss(css,key){
    var areayDom=document.querySelector("style[key='"+key+"']")
    if(areayDom){/*存在*/
       areayDom.textContent=css
    }else{
        var head = document.getElementsByTagName('head')[0];
        var s = document.createElement('style');
        s.setAttribute('type', 'text/css');
        s.setAttribute('key', key);
        if (s.styleSheet) {   // IE
            s.styleSheet.cssText = css;
        } else {                // the world
            s.appendChild(document.createTextNode(css));
        }
        head.appendChild(s); 
    }
}




export default function(cssString,data,key){
         _.templateSettings = {
            interpolate: /\"\{\{(.+?)\}\}\"/g
        };
        var afterCss=_.template(cssString)(data)
        addcss(afterCss,key) 
}

cssString=>computer==>width

component.js

const cssString = require('./css.css').toString();
var _ =require("underscore");

function addcss(css){
    var head = document.getElementsByTagName('head')[0];
    var s = document.createElement('style');
    s.setAttribute('type', 'text/css');
    if (s.styleSheet) {   // IE
        s.styleSheet.cssText = css;
    } else {                // the world
        s.appendChild(document.createTextNode(css));
    }
    head.appendChild(s);
 }


_.templateSettings = {
  interpolate: /\"\{\{(.+?)\}\}\"/g
};
var afterCss=_.template(cssString)({width:"100px",height:"111px"})
addcss(afterCss)
debugger