reduce build size

This commit is contained in:
Pig Fang 2020-03-14 17:00:35 +08:00
parent 76a504bb9c
commit a879af3405
2 changed files with 34 additions and 9 deletions

View File

@ -0,0 +1,11 @@
@import '~bootstrap/scss/functions';
@import '~admin-lte/build/scss/bootstrap-variables';
@import '~bootstrap/scss/bootstrap';
@import '~admin-lte/build/scss/variables';
@import '~admin-lte/build/scss/mixins';
@import '~admin-lte/build/scss/parts/core';
@import '~admin-lte/build/scss/parts/miscellaneous';
@import '~admin-lte/build/scss/parts/components';
@import '~admin-lte/build/scss/small-box';
@import '~admin-lte/build/scss/info-box';
@import '~admin-lte/build/scss/pages/login_and_register';

View File

@ -12,19 +12,16 @@ const devMode = !process.argv.includes('-p')
const config = {
mode: devMode ? 'development' : 'production',
entry: {
app: ['react-hot-loader/patch', './resources/assets/src/index.tsx'],
app: ['react-hot-loader/patch', '@/index.tsx'],
style: [
'admin-lte/dist/css/alt/adminlte.core.min.css',
'admin-lte/dist/css/alt/adminlte.components.min.css',
'admin-lte/dist/css/alt/adminlte.extra-components.min.css',
'admin-lte/dist/css/alt/adminlte.pages.min.css',
'@/styles/admin-lte.scss',
'@fortawesome/fontawesome-free/css/all.min.css',
'./resources/assets/src/styles/common.styl',
'@/styles/common.styl',
],
spectre: [
'spectre.css/dist/spectre.min.css',
'./resources/assets/src/fonts/minecraft.css',
'./resources/assets/src/styles/spectre.css',
'@/fonts/minecraft.css',
'@/styles/spectre.css',
],
},
output: {
@ -59,6 +56,21 @@ const config = {
'stylus-loader',
],
},
{
test: /\.scss$/,
exclude: /\.module\.scss$/,
use: [
devMode ? 'style-loader' : MiniCssExtractPlugin.loader,
{
loader: 'css-loader',
options: {
importLoaders: 2,
},
},
'postcss-loader',
'sass-loader',
],
},
{
test: /\.module\.scss$/,
use: [
@ -68,7 +80,9 @@ const config = {
options: {
importLoaders: 2,
modules: {
localIdentName: devMode ? '[name]__[local]' : '[local]__[hash:base64:5]',
localIdentName: devMode
? '[name]__[local]'
: '[local]__[hash:base64:5]',
},
esModule: true,
},