livebook-dev/livebook
1
1
Fork 0
mirror of https://github.com/livebook-dev/livebook.git synced 2025-10-27 13:56:21 +08:00
Code Issues Projects Releases Packages Wiki Activity

Update webpack (#268)

Browse source
This commit is contained in:
Jonatan Kłosko 2021-05-12 23:44:45 +02:00 • committed by GitHub
parent 6edd78b315
commit 2c965b4bdf
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
5 changed files with 4423 additions and 10819 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
assets/.babelrc
View file

@ -1,5 +1,3 @@
{ {
"presets": [ "presets": ["@babel/preset-env"]
"@babel/preset-env"
]
} }

15167
assets/package-lock.json generated
View file

File diff suppressed because it is too large Load diff

18
assets/package.json
View file

@ -28,23 +28,21 @@
"topbar": "^1.0.1" "topbar": "^1.0.1"
}, },
"devDependencies": { "devDependencies": {
"@babel/core": "^7.0.0", "@babel/core": "^7.14.0",
"@babel/preset-env": "^7.0.0", "@babel/preset-env": "^7.14.1",
"autoprefixer": "^10.2.0", "autoprefixer": "^10.2.0",
"babel-loader": "^8.0.0", "babel-loader": "^8.2.2",
"css-loader": "^3.4.2", "css-loader": "^5.2.4",
"css-minimizer-webpack-plugin": "^2.0.0",
"file-loader": "^6.2.0", "file-loader": "^6.2.0",
"hard-source-webpack-plugin": "^0.13.1",
"jest": "^26.6.3", "jest": "^26.6.3",
"mini-css-extract-plugin": "^0.9.0", "mini-css-extract-plugin": "^1.6.0",
"monaco-editor-webpack-plugin": "^3.0.1", "monaco-editor-webpack-plugin": "^3.0.1",
"optimize-css-assets-webpack-plugin": "^5.0.1",
"postcss": "^8.2.3", "postcss": "^8.2.3",
"postcss-import": "^14.0.0", "postcss-import": "^14.0.0",
"postcss-loader": "^4.1.0", "postcss-loader": "^4.1.0",
"prettier": "^2.2.1", "prettier": "^2.2.1",
"terser-webpack-plugin": "^2.3.2", "webpack": "^5.37.0",
"webpack": "4.41.5", "webpack-cli": "^4.7.0"
"webpack-cli": "^3.3.2"
} }
} }

18
assets/webpack.config.js
View file

@ -1,9 +1,7 @@
const path = require('path'); const path = require('path');
const glob = require('glob'); const glob = require('glob');
const HardSourceWebpackPlugin = require('hard-source-webpack-plugin');
const MiniCssExtractPlugin = require('mini-css-extract-plugin'); const MiniCssExtractPlugin = require('mini-css-extract-plugin');
const TerserPlugin = require('terser-webpack-plugin'); const CssMinimizerPlugin = require('css-minimizer-webpack-plugin');
const OptimizeCSSAssetsPlugin = require('optimize-css-assets-webpack-plugin');
const MonacoWebpackPlugin = require('monaco-editor-webpack-plugin'); const MonacoWebpackPlugin = require('monaco-editor-webpack-plugin');
// Make sure NODE_ENV is set, so that @tailwindcss/jit is in watch mode in development. // Make sure NODE_ENV is set, so that @tailwindcss/jit is in watch mode in development.
@ -13,12 +11,7 @@ module.exports = (env, options) => {
const devMode = options.mode !== 'production'; const devMode = options.mode !== 'production';
return { return {
optimization: { mode: options.mode || 'production',
minimizer: [
new TerserPlugin({ cache: true, parallel: true, sourceMap: devMode }),
new OptimizeCSSAssetsPlugin({})
]
},
entry: { entry: {
'app': glob.sync('./vendor/**/*.js').concat(['./js/app.js']) 'app': glob.sync('./vendor/**/*.js').concat(['./js/app.js'])
}, },
@ -56,7 +49,12 @@ module.exports = (env, options) => {
new MonacoWebpackPlugin({ new MonacoWebpackPlugin({
languages: ['markdown'] languages: ['markdown']
}) })
],
optimization: {
minimizer: [
'...',
new CssMinimizerPlugin()
] ]
.concat(devMode ? [new HardSourceWebpackPlugin()] : []) },
} }
}; };

3
config/dev.exs
View file

@ -17,7 +17,8 @@ config :livebook, LivebookWeb.Endpoint,
"node_modules/webpack/bin/webpack.js", "node_modules/webpack/bin/webpack.js",
"--mode", "--mode",
"development", "development",
"--watch-stdin", "--watch",
"--watch-options-stdin",
cd: Path.expand("../assets", __DIR__) cd: Path.expand("../assets", __DIR__)
] ]
] ]