diff --git a/package.json b/package.json index 5ea5a58..7ffc296 100644 --- a/package.json +++ b/package.json @@ -6,7 +6,7 @@ "main": "index.js", "scripts": { "dev": "webpack-dev-server --mode development --progress --hot", - "build": "rm -rf dist && NODE_ENV=production webpack --mode production --progress && cp -R public/* ./dist/ " + "build": "rm -rf dist && NODE_ENV=production webpack --mode production --progress && cp -R public/* ./dist/ && rm -rf dist/themes.bundle.js" }, "author": "Godfery ", "license": "MIT", diff --git a/src/index.js b/src/index.js index 920b893..700f94b 100644 --- a/src/index.js +++ b/src/index.js @@ -3,9 +3,6 @@ import ReactDOM from 'react-dom'; // style import './less/index.less'; -import './less/themes/green.less'; -import './less/themes/red.less'; -import './less/themes/yellow.less'; import App from './App'; diff --git a/src/themes.js b/src/themes.js new file mode 100644 index 0000000..dbbfce8 --- /dev/null +++ b/src/themes.js @@ -0,0 +1,3 @@ +import './less/themes/green.less'; +import './less/themes/red.less'; +import './less/themes/yellow.less'; \ No newline at end of file diff --git a/webpack.config.js b/webpack.config.js index b993557..1d61f80 100644 --- a/webpack.config.js +++ b/webpack.config.js @@ -4,7 +4,6 @@ const webpack = require('webpack'); const ExtractTextPlugin = require('extract-text-webpack-plugin'); const HtmlwebpackPlugin = require('html-webpack-plugin'); -const { STYLE_DEBUG } = process.env; // 主题路径 const THEME_PATH = './src/less/themes'; @@ -41,7 +40,8 @@ module.exports = { port: 3201 }, entry: { - app: './src/index.js' + app: './src/index.js', + themes: './src/themes.js' }, output: { filename: '[name].bundle.js?[hash]', @@ -87,8 +87,8 @@ module.exports = { new HtmlwebpackPlugin({ title: 'webpack 多主题打包演示', template: 'src/index.html', - inject: true + inject: true, + excludeChunks: ['themes'] }) - ], - devtool: STYLE_DEBUG === 'SOURCE' && 'source-map' + ] };