调整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;
if (process.env.NODE_ENV === 'development') {
// 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.6: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 {
BASE_API = process.env.VUE_APP_BASE_API;
}

View File

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