feat: 本地环境下不使用 extract 插件

Author: yuhaoju

lib/models/Config.js

@@ -25,7 +25,7 @@ var CaseSensitivePathsPlugin = require('case-sensitive-paths-webpack-plugin');
 var normalize = require('../utils/path').normalize;
 
 var Config = function () {
-    function Config(cwd, configFile) {
+    function Config(cwd, configFile, env) {
         (0, _classCallCheck3.default)(this, Config);
 
         var dir = normalize(cwd).split('/');
@@ -72,7 +72,7 @@ var Config = function () {
                     loader: require.resolve('html-loader')
                 }, {
                     test: /\.css$/,
-                    loader: ExtractTextPlugin.extract(require.resolve('style-loader'), require.resolve('css-loader'))
+                    loader: env === 'local' ? 'style!css' : ExtractTextPlugin.extract(require.resolve('style-loader'), require.resolve('css-loader'))
                 }],
                 postLoaders: []
             },

lib/models/Project.js

@@ -56,9 +56,8 @@ var Project = function () {
 
         this.cwd = cwd;
         this.configFile = globby.sync(['ykit.*.js', 'ykit.js'], { cwd: cwd })[0] || '';
-
         this.plugins = [];
-        this.config = new Config(cwd, this.configFile);
+        this.config = new Config(cwd, this.configFile, this._getCurrentEnv());
         this.commands = Manager.getCommands();
         this.middlewares = [];
         this.beforePackCallbacks = [];
@@ -408,7 +407,7 @@ var Project = function () {
             var isExtractTextPluginExists = config.plugins.some(function (plugin) {
                 return plugin instanceof ExtractTextPlugin;
             });
-            if (!isExtractTextPluginExists) {
+            if (!isExtractTextPluginExists && this._getCurrentEnv() !== 'local') {
                 config.plugins.push(new ExtractTextPlugin(config.output.filename.replace('[ext]', '.css')));
             }
         }

src/models/Config.js

@@ -6,7 +6,7 @@ const CaseSensitivePathsPlugin = require('case-sensitive-paths-webpack-plugin');
 const normalize = require('../utils/path').normalize;
 
 class Config {
-    constructor(cwd, configFile) {
+    constructor(cwd, configFile, env) {
         const dir = normalize(cwd).split('/');
         const projectDir = dir[dir.length - 1];
 
@@ -51,7 +51,7 @@ class Config {
                     loader: require.resolve('html-loader')
                 }, {
                     test: /\.css$/,
-                    loader: ExtractTextPlugin.extract(
+                    loader: env === 'local' ? 'style!css' : ExtractTextPlugin.extract(
                         require.resolve('style-loader'),
                         require.resolve('css-loader')
                     )

src/models/Project.js

@@ -24,9 +24,8 @@ class Project {
     constructor(cwd) {
         this.cwd = cwd;
         this.configFile = globby.sync(['ykit.*.js', 'ykit.js'], { cwd: cwd })[0] || '';
-
         this.plugins = [];
-        this.config = new Config(cwd, this.configFile);
+        this.config = new Config(cwd, this.configFile, this._getCurrentEnv());
         this.commands = Manager.getCommands();
         this.middlewares = [];
         this.beforePackCallbacks = [];
@@ -390,7 +389,7 @@ class Project {
         const isExtractTextPluginExists = config.plugins.some((plugin) => {
             return plugin instanceof ExtractTextPlugin;
         });
-        if(!isExtractTextPluginExists) {
+        if(!isExtractTextPluginExists && this._getCurrentEnv() !== 'local') {
             config.plugins.push(new ExtractTextPlugin(config.output.filename.replace('[ext]', '.css')));
         }
     }