|
@ -1,82 +1,33 @@ |
|
|
const { defineConfig } = require('@vue/cli-service') |
|
|
const { defineConfig } = require('@vue/cli-service') |
|
|
const NodePolyfillPlugin = require("node-polyfill-webpack-plugin"); |
|
|
const NodePolyfillPlugin = require("node-polyfill-webpack-plugin"); |
|
|
const autoprefixer = require('autoprefixer'); |
|
|
|
|
|
const tailwindcss = require('tailwindcss'); |
|
|
|
|
|
const path = require('path'); |
|
|
|
|
|
|
|
|
|
|
|
module.exports = defineConfig({ |
|
|
module.exports = defineConfig({ |
|
|
transpileDependencies: true, |
|
|
transpileDependencies: true, |
|
|
devServer: { |
|
|
devServer: { |
|
|
port: 8080 |
|
|
port: 8080 |
|
|
}, |
|
|
}, |
|
|
// css: {
|
|
|
|
|
|
// loaderOptions: {
|
|
|
|
|
|
// // sass: {
|
|
|
|
|
|
// // data: '@import "./src/styles/main.scss";'
|
|
|
|
|
|
// // },
|
|
|
|
|
|
// postcss: {
|
|
|
|
|
|
// config: () => ({
|
|
|
|
|
|
// path: __dirname
|
|
|
|
|
|
// })
|
|
|
|
|
|
// }
|
|
|
|
|
|
// }
|
|
|
|
|
|
// },
|
|
|
|
|
|
configureWebpack: { |
|
|
configureWebpack: { |
|
|
|
|
|
// watch: true,
|
|
|
|
|
|
experiments: { |
|
|
|
|
|
topLevelAwait: true |
|
|
|
|
|
}, |
|
|
|
|
|
plugins: [new NodePolyfillPlugin()], |
|
|
|
|
|
optimization: { |
|
|
|
|
|
splitChunks: { |
|
|
|
|
|
chunks: "all", |
|
|
|
|
|
}, |
|
|
|
|
|
}, |
|
|
resolve: { |
|
|
resolve: { |
|
|
fallback: { |
|
|
fallback: { |
|
|
"zlib": require.resolve("browserify-zlib"), |
|
|
"fs": false, |
|
|
"stream": require.resolve("stream-browserify"), |
|
|
"tls": false, |
|
|
|
|
|
"net": false, |
|
|
|
|
|
"utf-8-validate": false, |
|
|
|
|
|
"bufferutil": false |
|
|
} |
|
|
} |
|
|
}, |
|
|
}, |
|
|
module: { |
|
|
|
|
|
rules: [ |
|
|
|
|
|
{ |
|
|
|
|
|
test: /\.scss$/, |
|
|
|
|
|
use: [ |
|
|
|
|
|
'vue-style-loader', |
|
|
|
|
|
'css-loader', |
|
|
|
|
|
{ |
|
|
|
|
|
loader: 'postcss-loader', |
|
|
|
|
|
options: { |
|
|
|
|
|
postcssOptions: { |
|
|
|
|
|
config: path.resolve(__dirname, './postcss.config.js') |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
}, |
|
|
|
|
|
// 'sass-loader'
|
|
|
|
|
|
] |
|
|
|
|
|
} |
|
|
|
|
|
] |
|
|
|
|
|
} |
|
|
|
|
|
}, |
|
|
}, |
|
|
chainWebpack: config => { |
|
|
chainWebpack: config => { |
|
|
config.plugins.delete('prefetch') |
|
|
|
|
|
config.plugins.delete('preload') |
|
|
|
|
|
|
|
|
|
|
|
config.module |
|
|
|
|
|
.rule('scss') |
|
|
|
|
|
.test(/\.scss$/) |
|
|
|
|
|
.use('vue-style-loader') |
|
|
|
|
|
.loader('vue-style-loader') |
|
|
|
|
|
.end() |
|
|
|
|
|
.use('css-loader') |
|
|
|
|
|
.loader('css-loader') |
|
|
|
|
|
.end() |
|
|
|
|
|
.use('postcss-loader') |
|
|
|
|
|
.loader('postcss-loader') |
|
|
|
|
|
.options({ |
|
|
|
|
|
postcssOptions: { |
|
|
|
|
|
config: { |
|
|
|
|
|
path: __dirname |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
}) |
|
|
|
|
|
.end() |
|
|
|
|
|
.use('sass-loader') |
|
|
|
|
|
.loader('sass-loader') |
|
|
|
|
|
.end() |
|
|
|
|
|
|
|
|
|
|
|
config.module |
|
|
config.module |
|
|
.rule('yaml') |
|
|
.rule('yaml') |
|
|
.test(/\.ya?ml?$/) |
|
|
.test(/\.ya?ml?$/) |
|
|