mirror of
https://gitee.com/dromara/mayfly-go
synced 2025-11-04 08:20:25 +08:00
80 lines
2.0 KiB
JavaScript
80 lines
2.0 KiB
JavaScript
const merge = require("webpack-merge");
|
||
const tsImportPluginFactory = require("ts-import-plugin");
|
||
const path = require('path')
|
||
|
||
function resolve(dir) {
|
||
return path.join(__dirname, dir)
|
||
}
|
||
|
||
// If your port is set to 80,
|
||
// use administrator privileges to execute the command line.
|
||
// For example, Mac: sudo npm run
|
||
// You can change the port by the following method:
|
||
// port = 8000 npm run dev OR npm run dev --port = 8000
|
||
const port = process.env.port || process.env.npm_config_port || 8000 // dev port
|
||
|
||
module.exports = {
|
||
publicPath: '/',
|
||
outputDir: 'dist',
|
||
assetsDir: 'static',
|
||
lintOnSave: false,
|
||
productionSourceMap: false,
|
||
devServer: {
|
||
port: port,
|
||
open: true,
|
||
overlay: {
|
||
warnings: false,
|
||
errors: true
|
||
},
|
||
},
|
||
configureWebpack: {
|
||
// provide the app's title in webpack's name field, so that
|
||
// it can be accessed in index.html to inject the correct title.
|
||
name: 'eatlife',
|
||
resolve: {
|
||
alias: {
|
||
'@': resolve('src')
|
||
}
|
||
}
|
||
},
|
||
transpileDependencies: [
|
||
'vue-echarts',
|
||
'resize-detector'
|
||
],
|
||
chainWebpack: config => {
|
||
config.module
|
||
.rule("ts")
|
||
.use("ts-loader")
|
||
.tap(options => {
|
||
options = merge(options, {
|
||
transpileOnly: true,
|
||
getCustomTransformers: () => ({
|
||
before: [
|
||
tsImportPluginFactory({
|
||
libraryName: "vant",
|
||
libraryDirectory: "es",
|
||
style: true
|
||
})
|
||
]
|
||
}),
|
||
compilerOptions: {
|
||
module: "es2015"
|
||
}
|
||
});
|
||
return options;
|
||
});
|
||
|
||
// 自动注入通用的scss，不需要自己在每个文件里手动注入
|
||
// const types = ['vue-modules', 'vue', 'normal-modules', 'normal']
|
||
// types.forEach(type => {
|
||
// config.module.rule('scss').oneOf(type)
|
||
// .use('sass-resource')
|
||
// .loader('sass-resources-loader')
|
||
// .options({
|
||
// resources: [
|
||
// path.resolve(__dirname, './src/assets/styles/global.scss'),
|
||
// ],
|
||
// });
|
||
// });
|
||
}
|
||
}; |