调整svg加载路径

This commit is contained in:
zyy 2020-01-10 17:25:14 +08:00
parent d3d64c7c91
commit 28bac5e7bc
2 changed files with 98 additions and 105 deletions

View File

@ -3,11 +3,11 @@ export function getBaseUrl() {
let BASE_API; let BASE_API;
if (process.env.NODE_ENV === 'development') { if (process.env.NODE_ENV === 'development') {
// BASE_API = 'https://joylink.club/jlcloud'; // BASE_API = 'https://joylink.club/jlcloud';
BASE_API = 'https://test.joylink.club/jlcloud'; // BASE_API = 'https://test.joylink.club/jlcloud';
// BASE_API = 'http://192.168.3.5:9000'; // 袁琪 // BASE_API = 'http://192.168.3.5:9000'; // 袁琪
// BASE_API = 'http://192.168.3.6:9000'; // 旭强 // BASE_API = 'http://192.168.3.6:9000'; // 旭强
// BASE_API = 'http://192.168.3.41:9000'; // 张赛 // BASE_API = 'http://192.168.3.41:9000'; // 张赛
// BASE_API = 'http://192.168.3.82:9000'; // 杜康 BASE_API = 'http://192.168.3.82:9000'; // 杜康
} else { } else {
BASE_API = process.env.VUE_APP_BASE_API; BASE_API = process.env.VUE_APP_BASE_API;
} }

View File

@ -87,12 +87,12 @@ module.exports = {
config.mode = 'development'; config.mode = 'development';
} }
config.name = name; config.name = name;
// config.resolve = { config.resolve = {
// extensions: ['.js', '.vue', '.json'], extensions: ['.js', '.vue', '.json'],
// alias: { // 添加别名 alias: { // 添加别名
// '@': resolve('src') '@': path.resolve('src')
// } }
// }; };
config.plugins.push(new CopyWebpackPlugin([ config.plugins.push(new CopyWebpackPlugin([
{ {
from: path.resolve(__dirname, './static'), from: path.resolve(__dirname, './static'),
@ -114,109 +114,102 @@ module.exports = {
chainWebpack(config) { chainWebpack(config) {
// 修复HMR // 修复HMR
config.resolve.symlinks(true); config.resolve.symlinks(true);
// 别名配置
config.resolve.alias
.set('@', path.resolve(__dirname, './src'))
.set('@a', path.resolve(__dirname, './src/assets'))
.set('@c', path.resolve(__dirname, './src/components'))
.set('@p', path.resolve(__dirname, './src/pages'))
.set('jquery$', 'jquery/dist/jquery.min.js');
config.plugins.delete('preload'); // TODO: need test config.plugins.delete('preload'); // TODO: need test
config.plugins.delete('prefetch'); // 移除 prefetch 插件 config.plugins.delete('prefetch'); // 移除 prefetch 插件
// // set svg-sprite-loader // set svg-sprite-loader
// config.module config.module
// .rule('svg') .rule('svg')
// .exclude.add(resolve('src/icons')) .exclude.add(path.resolve('src/icons'))
// .end(); .end();
// config.module config.module
// .rule('icons') .rule('icons')
// .test(/\.svg$/) .test(/\.svg$/)
// .include.add(resolve('src/icons')) .include.add(path.resolve('src/icons'))
// .end() .end()
// .use('svg-sprite-loader') .use('svg-sprite-loader')
// .loader('svg-sprite-loader') .loader('svg-sprite-loader')
// .options({ .options({
// symbolId: 'icon-[name]' symbolId: 'icon-[name]'
// }) })
// .end(); .end();
// // set preserveWhitespace // set preserveWhitespace
// config.module config.module
// .rule('vue') .rule('vue')
// .use('vue-loader') .use('vue-loader')
// .loader('vue-loader') .loader('vue-loader')
// .tap(options => { .tap(options => {
// options.compilerOptions.preserveWhitespace = true; options.compilerOptions.preserveWhitespace = true;
// return options; return options;
// }) })
// .end(); .end();
// config config
// // https://webpack.js.org/configuration/devtool/#development // https://webpack.js.org/configuration/devtool/#development
// .when(process.env.NODE_ENV === 'development', .when(process.env.NODE_ENV === 'development',
// config => config.devtool('cheap-source-map') 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', [{
// `runtime` must same as runtimeChunk name. default is `runtime`
inline: /runtime\..*\.js$/
}])
.end();
// config // config
// .when(process.env.NODE_ENV !== 'development', // .optimization.splitChunks({
// config => { // chunks: 'all',
// config // cacheGroups: {
// .plugin('ScriptExtHtmlWebpackPlugin') // libs: {
// .after('html') // name: 'chunk-libs',
// .use('script-ext-html-webpack-plugin', [{ // test: /[\\/]node_modules[\\/]/,
// // `runtime` must same as runtimeChunk name. default is `runtime` // priority: 10,
// inline: /runtime\..*\.js$/ // chunks: 'initial' // only package third parties that are initially dependent
// }]) // },
// .end(); // // elementUI: {
// // config // // name: 'chunk-elementUI', // split elementUI into a single package
// // .optimization.splitChunks({ // // priority: 20, // the weight needs to be larger than libs and app or it will be packaged into libs or app
// // chunks: 'all', // // test: /[\\/]node_modules[\\/]_?element-ui(.*)/ // in order to adapt to cnpm
// // cacheGroups: {
// // libs: {
// // name: 'chunk-libs',
// // test: /[\\/]node_modules[\\/]/,
// // priority: 10,
// // chunks: 'initial' // only package third parties that are initially dependent
// // }, // // },
// // // elementUI: { // commons: {
// // // name: 'chunk-elementUI', // split elementUI into a single package // name: 'chunk-commons',
// // // priority: 20, // the weight needs to be larger than libs and app or it will be packaged into libs or app // test: resolve('src/components'), // can customize your rules
// // // test: /[\\/]node_modules[\\/]_?element-ui(.*)/ // in order to adapt to cnpm // minChunks: 3, // minimum common number
// // // }, // priority: 5,
// // commons: { // reuseExistingChunk: true
// // name: 'chunk-commons', // }
// // test: resolve('src/components'), // can customize your rules // // jmap: {
// // name: 'chunk-jmap',
// // test: resolve('src/jmap'), // can customize your rules
// // minChunks: 3, // minimum common number
// // priority: 5,
// // reuseExistingChunk: true
// // },
// // jlmap3d: {
// // name: 'chunk-jlmap3d',
// // test: resolve('src/jlmap3d'), // can customize your rules
// // minChunks: 3, // minimum common number
// // priority: 5,
// // reuseExistingChunk: true
// // },
// // ibp: {
// // name: 'chunk-ibp',
// // test: resolve('src/ibp'), // can customize your rules
// // minChunks: 3, // minimum common number // // minChunks: 3, // minimum common number
// // priority: 5, // // priority: 5,
// // reuseExistingChunk: true // // reuseExistingChunk: true
// // } // // }
// // // jmap: {
// // // name: 'chunk-jmap',
// // // test: resolve('src/jmap'), // can customize your rules
// // // minChunks: 3, // minimum common number
// // // priority: 5,
// // // reuseExistingChunk: true
// // // },
// // // jlmap3d: {
// // // name: 'chunk-jlmap3d',
// // // test: resolve('src/jlmap3d'), // can customize your rules
// // // minChunks: 3, // minimum common number
// // // priority: 5,
// // // reuseExistingChunk: true
// // // },
// // // ibp: {
// // // name: 'chunk-ibp',
// // // test: resolve('src/ibp'), // can customize your rules
// // // minChunks: 3, // minimum common number
// // // priority: 5,
// // // reuseExistingChunk: true
// // // }
// // }
// // });
// config.optimization.runtimeChunk('single');
// } // }
// ); // });
config.optimization.runtimeChunk('single');
}
);
} }
}; };