setup(prototype): init project
just initiated the project and added a few possible dependencies i'd have to clean up in a next step
This commit is contained in:
93
webpack.config.js
Normal file
93
webpack.config.js
Normal file
@@ -0,0 +1,93 @@
|
||||
const path = require("path");
|
||||
const WebpackShellPluginNext = require("webpack-shell-plugin-next");
|
||||
|
||||
const configJS = (minimize = false) => {
|
||||
return {
|
||||
entry: ["./src/simplecomplete/index.js"],
|
||||
mode: "production",
|
||||
module: {
|
||||
rules: [{
|
||||
test: /\.js$/,
|
||||
exclude: [
|
||||
/(node_modules|bower_components)/,
|
||||
/\bcore-js\b/,
|
||||
/\bwebpack\/buildin\b/
|
||||
],
|
||||
use: {
|
||||
loader: "babel-loader",
|
||||
options: {
|
||||
babelrc: false,
|
||||
configFile: path.resolve(__dirname, "babel.config.js"),
|
||||
compact: false,
|
||||
cacheDirectory: true,
|
||||
sourceMaps: false,
|
||||
}
|
||||
}
|
||||
}, {
|
||||
test: /\.html$/i,
|
||||
loader: "html-loader",
|
||||
options: {
|
||||
sources: false,
|
||||
}
|
||||
}]
|
||||
},
|
||||
optimization: {
|
||||
minimize: minimize,
|
||||
},
|
||||
output: {
|
||||
libraryTarget: "umd",
|
||||
path: path.resolve(__dirname, minimize ? "dist/min" : "dist"),
|
||||
filename: minimize ? "simplecomplete.min.js" : "simplecomplete.js",
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
const configCSS = (minimize = false) => {
|
||||
return {
|
||||
entry: ["./src/scss/simplecomplete.scss"],
|
||||
mode: "production",
|
||||
module: {
|
||||
rules: [{
|
||||
test: /\.scss$/,
|
||||
use: [{
|
||||
loader: "file-loader",
|
||||
options: {
|
||||
name: minimize ? "[name].min.css" : "[name].css",
|
||||
}
|
||||
}, {
|
||||
loader: "extract-loader",
|
||||
}, {
|
||||
loader: "css-loader",
|
||||
}, {
|
||||
loader: "sass-loader",
|
||||
options: {
|
||||
sassOptions: {
|
||||
outputStyle: minimize ? "compressed" : "expanded",
|
||||
},
|
||||
},
|
||||
}],
|
||||
}],
|
||||
},
|
||||
optimization: {
|
||||
minimize: false,
|
||||
},
|
||||
output: {
|
||||
path: path.resolve(__dirname, minimize ? "dist/min" : "dist"),
|
||||
filename: "delete-me"
|
||||
},
|
||||
plugins: [
|
||||
new WebpackShellPluginNext({
|
||||
onBuildEnd: {
|
||||
scripts: ["rm -f dist/delete-me && rm -f dist/min/delete-me"],
|
||||
}
|
||||
})
|
||||
]
|
||||
};
|
||||
};
|
||||
|
||||
module.exports = [
|
||||
configJS(),
|
||||
configJS(true),
|
||||
configCSS(),
|
||||
configCSS(true),
|
||||
];
|
||||
Reference in New Issue
Block a user