157 lines
4.6 KiB
JavaScript
157 lines
4.6 KiB
JavaScript
const TerserPlugin = require("terser-webpack-plugin"),
|
|
{ VueLoaderPlugin } = require("vue-loader"),
|
|
path = require("path"),
|
|
fs = require("fs-extra");
|
|
// const ZenAppPlugin = require("@zen/app-plugin");
|
|
const MiddleWare = require("@zen/app-plugin/middleware");
|
|
|
|
function optimization(mode) {
|
|
if (mode === "production") {
|
|
return {
|
|
splitChunks: false,
|
|
minimize: true,
|
|
minimizer: [
|
|
new TerserPlugin({
|
|
terserOptions: {
|
|
ecma: undefined,
|
|
parse: {},
|
|
compress: {},
|
|
mangle: true, // Note `mangle.properties` is `false` by default.
|
|
module: false,
|
|
// Deprecated
|
|
output: null,
|
|
format: null,
|
|
toplevel: false,
|
|
nameCache: null,
|
|
ie8: false,
|
|
keep_classnames: undefined,
|
|
keep_fnames: false,
|
|
safari10: false,
|
|
},
|
|
}),
|
|
],
|
|
};
|
|
}
|
|
return {};
|
|
}
|
|
|
|
var webpackConfig = {
|
|
entry: {},
|
|
output: {
|
|
filename: "[name].js",
|
|
},
|
|
watchOptions: {
|
|
// , "**/*.json"
|
|
ignored: ["node_modules", "dist", "debug"],
|
|
poll: 300,
|
|
},
|
|
externals: {
|
|
vue: "Vue",
|
|
"router-view": "VueRouter",
|
|
"element-plus": "ElementPlus",
|
|
},
|
|
plugins: [new VueLoaderPlugin()],
|
|
resolve: {
|
|
alias: {
|
|
"@util": path.resolve(__dirname, "src/util"),
|
|
"@store": path.resolve(
|
|
__dirname,
|
|
"src/design/engine/store/index.js"
|
|
),
|
|
},
|
|
extensions: [".js", ".vue", ".jsx", ".json"],
|
|
},
|
|
module: {
|
|
noParse: /Vue|jquery/,
|
|
rules: [
|
|
{
|
|
test: /\.jsx?$/,
|
|
exclude: /(node_modules|bower_components)/,
|
|
use: {
|
|
loader: "babel-loader",
|
|
options: {
|
|
cacheDirectory: true,
|
|
presets: [
|
|
[
|
|
"@vue/app",
|
|
{
|
|
modules: "commonjs",
|
|
loose: true,
|
|
useBuiltIns: "entry",
|
|
},
|
|
],
|
|
],
|
|
plugins: ["@babel/plugin-syntax-jsx"],
|
|
},
|
|
},
|
|
},
|
|
{
|
|
test: /\.vue$/,
|
|
loader: "vue-loader",
|
|
},
|
|
{
|
|
test: /\.css$/,
|
|
use: ["style-loader", "css-loader"],
|
|
},
|
|
{
|
|
test: /\.scss$/,
|
|
use: [
|
|
"style-loader",
|
|
"css-loader", // translates CSS into CommonJS
|
|
{
|
|
loader: "sass-loader",
|
|
options: {
|
|
implementation: require("sass"),
|
|
},
|
|
},
|
|
],
|
|
},
|
|
],
|
|
},
|
|
};
|
|
let basename,
|
|
file,
|
|
i,
|
|
len,
|
|
sourceList,
|
|
vuePath = path.resolve(__dirname);
|
|
|
|
sourceList = fs.readdirSync(path.resolve(vuePath, "src"));
|
|
for (i = 0, len = sourceList.length; i < len; i++) {
|
|
file = sourceList[i];
|
|
if (file.indexOf(".js") === -1) {
|
|
continue;
|
|
}
|
|
basename = path.basename(file);
|
|
basename = basename.substr(0, basename.length - 3);
|
|
webpackConfig.entry[basename] = path.resolve(vuePath, "src", file);
|
|
}
|
|
module.exports = (env, argv) => {
|
|
let mode = argv.mode;
|
|
webpackConfig.mode = mode;
|
|
webpackConfig.optimization = optimization(mode);
|
|
if (mode === "development") {
|
|
webpackConfig.cache = { type: "memory" };
|
|
webpackConfig.devServer = {
|
|
open: true,
|
|
hot: false,
|
|
client: false,
|
|
host: "127.0.0.1",
|
|
allowedHosts: "all",
|
|
onAfterSetupMiddleware: MiddleWare,
|
|
static: {
|
|
directory: path.join(vuePath, "public"),
|
|
},
|
|
headers: {
|
|
"Access-Control-Allow-Origin": "*",
|
|
"Access-Control-Allow-Headers": "*",
|
|
},
|
|
};
|
|
// webpackConfig.plugins.push(new ZenAppPlugin());
|
|
} else {
|
|
webpackConfig.output.clean = true;
|
|
webpackConfig.output.path = path.join(vuePath, "dist");
|
|
}
|
|
return webpackConfig;
|
|
};
|