解決的問題：
js想獲取樣式文件（css哥力、less、scss）中的字符串內(nèi)容時(shí)墩弯，可以通過
// npm install raw-loader less-loader
require('!!raw-loader!less-loader!.style.less').default.toString()
的方式獲确园稀；但這種方式獲取的css內(nèi)容無法壓縮渔工。
解決：
// npm install css-loader postcss-loader postcss less-loader
require('!!css-loader?sourceMap=false!postcss-loader?{"postcssOptions":{"plugins":{"cssnano":{}}}}!less-loader!./style.less').default.toString();
優(yōu)化：
因?yàn)閞equire無法使用變量锌钮，所以每次都需要寫很長(zhǎng)的前綴；所以將壓縮功能封裝成一個(gè)自定義的webpack loader引矩，隱藏其中的壓縮工作：
raw-loader.js
module.exports = function rawLoader() {
}
module.exports.pitch = function(remainingRequest) {
const loaderUtils = require('loader-utils');
const requestPath = loaderUtils.stringifyRequest(this, `!!css-loader?sourceMap=false!postcss-loader?{"postcssOptions":{"plugins":{"cssnano":{}}}}!${remainingRequest}`);
return `module.exports = require(${requestPath}).default.toString();`;
}
使用：
require('!!./raw-loader.js!less-loader!./style.less');
require('!!./raw-loader.js!./style.css');
