123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183 |
- 'use strict'
- const path = require('path')
- const defaultSettings = require('./src/settings.js')
- const CompressionWebpackPlugin = require('compression-webpack-plugin')
- const webpack = require('webpack')
- function resolve(dir) {
- return path.join(__dirname, dir)
- }
- const name = defaultSettings.title || '登录系统'
- const BASE_URL = process.env.NODE_ENV === 'production' ? 'http://221.182.8.141:10060' : 'http://221.182.8.141:10060'
- const port = 9527
- module.exports = {
-
- publicPath: '/',
- outputDir: 'dist',
- assetsDir: 'static',
-
- lintOnSave: false,
- productionSourceMap: false,
- devServer: {
-
- port: port,
- open: true,
- compress: false,
- overlay: {
- warnings: false,
- errors: false
- },
- proxy: {
- '/backstage': {
- target: 'http://221.182.8.141:10060',
-
-
-
-
- changeOrigin: true,
- pathRewrite: {
- '^/backstage': ''
- }
- }
-
-
-
-
-
-
-
- }
-
- },
- css: {
-
- extract: false,
-
- sourceMap: true,
-
- loaderOptions: {
-
- sass: {
-
- data: `@import "@/styles/index.scss";`
- }
- },
-
- modules: false
- },
- configureWebpack: {
- name: name,
- resolve: {
- alias: {
- '@': resolve('src'),
- 'staticPub': resolve('public')
- }
- },
-
- plugins: [
- new CompressionWebpackPlugin(
- {
- filename: '[path].gz[query]',
- algorithm: 'gzip',
- test: /\.js$|\.html$|\.json$|\.css/,
- threshold: 0,
- minRatio: 0.8,
- deleteOriginalAssets: false
- }
- ),
- new webpack.ProvidePlugin(
- {
- $: 'jquery',
- jQuery: 'jquery',
- 'windows.jQuery': 'jquery'
- }
- )
- ]
- },
- chainWebpack(config) {
-
- config.plugins.delete('preload')
- config.plugins.delete('prefetch')
-
- config.module
- .rule('svg')
- .exclude.add(resolve('src/icons'))
- .end()
- config.module
- .rule('icons')
- .test(/\.svg$/)
- .include.add(resolve('src/icons'))
- .end()
- .use('svg-sprite-loader')
- .loader('svg-sprite-loader')
- .options({
- symbolId: 'icon-[name]'
- })
- .end()
-
- config.module
- .rule('vue')
- .use('vue-loader')
- .loader('vue-loader')
- .tap(options => {
- options.compilerOptions.preserveWhitespace = true
- return options
- })
- .end()
- config
- .when(process.env.NODE_ENV === 'development',
- config => config.devtool('cheap-source-map')
- )
- config
- .when(process.env.NODE_ENV !== 'development',
- config => {
- config
- .plugin('ScriptExtHtmlWebpackPlugin')
- .after('html')
- .use('script-ext-html-webpack-plugin', [{
-
- inline: /runtime\..*\.js$/
- }])
- .end()
-
- config
- .optimization.splitChunks({
- chunks: 'all',
- cacheGroups: {
- libs: {
- name: 'chunk-libs',
- test: /[\\/]node_modules[\\/]/,
- priority: 10,
- chunks: 'initial'
- },
- elementUI: {
- name: 'chunk-elementUI',
- priority: 20,
- test: /[\\/]node_modules[\\/]_?element-ui(.*)/
- },
- commons: {
- name: 'chunk-commons',
- test: resolve('src/components'),
- minChunks: 3,
- priority: 5,
- reuseExistingChunk: true
- }
- }
- })
- config.optimization.runtimeChunk('single')
- }
- )
- }
- }
|