Issue #645
Install webpack
js
npm init
npm install webpack webpack-cli --save-dev
vim webpack.config.js
text
module.exports = {
entry: "./index.js",
mode: 'production',
output: {
filename: "./index.js"
}
}To invoke webpack, run below. Your output is dist/index.js
text
npx webpackMinify js
text
npm install babel-minify-webpack-plugin --save-devMinify html
text
npm install html-webpack-plugin --save-dev
text
const MinifyPlugin = require('babel-minify-webpack-plugin');
const HtmlWebpackPlugin = require('html-webpack-plugin')
module.exports = {
entry: "./index.js",
mode: 'production',
output: {
filename: "./index.js"
},
plugins: [
new MinifyPlugin(),
new HtmlWebpackPlugin({
template: 'index.html',
filename: 'index.html',
minify: {
collapseWhitespace: true
}
})
]
}Minify css
TBD
Copy files
Copy files from dist to public folder so we can use
text
npm install copyfiles -gThen in package.json
text
"scripts": {
"copy": "copyfiles -u 1 dist/* ../apps/ && copyfiles *.css ../apps"
}Then run npm run copy
Updated at 2020-04-28 13:18:40
Start the conversation