livebook-dev/livebook
1
1
Fork 0
mirror of https://github.com/livebook-dev/livebook.git synced 2025-09-05 04:24:21 +08:00
Code Issues Projects Releases Packages Wiki Activity

Fix webpack warning showing up during build

Browse source
This commit is contained in:
Jonatan Kłosko 2021-07-09 12:36:45 +02:00
parent ccc95e6f1e
commit b636f03172
4 changed files with 76 additions and 74 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
assets/package.json
View file

@ -1,6 +1,5 @@
{
"repository": {},
"description": " ",
"private": true,
"license": "MIT",
"scripts": {
"deploy": "NODE_ENV=production webpack --mode production",

6
assets/postcss.config.js
View file

@ -1,7 +1,7 @@
module.exports = {
plugins: {
'postcss-import': {},
"postcss-import": {},
tailwindcss: {},
autoprefixer: {},
}
}
},
};

78
assets/tailwind.config.js
View file

@ -1,55 +1,55 @@
module.exports = {
mode: 'jit',
mode: "jit",
purge: [
'../lib/**/*.ex',
'../lib/**/*.leex',
'../lib/**/*.heex',
'../lib/**/*.eex',
'./js/**/*.js'
"../lib/**/*.ex",
"../lib/**/*.leex",
"../lib/**/*.heex",
"../lib/**/*.eex",
"./js/**/*.js",
],
darkMode: false,
theme: {
fontFamily: {
'sans': ['Inter'],
'mono': ['JetBrains Mono'],
sans: ["Inter"],
mono: ["JetBrains Mono"],
},
extend: {
colors: {
blue: {
50: '#F5F7FF',
100: '#ECF0FF',
200: '#D8E0FF',
300: '#B2C1FF',
400: '#8BA2FF',
500: '#6583FF',
600: '#3E64FF',
700: '#2D4CDB',
800: '#1F37B7',
900: '#132593',
50: "#F5F7FF",
100: "#ECF0FF",
200: "#D8E0FF",
300: "#B2C1FF",
400: "#8BA2FF",
500: "#6583FF",
600: "#3E64FF",
700: "#2D4CDB",
800: "#1F37B7",
900: "#132593",
},
gray: {
50: '#F8FAFC',
100: '#F0F5F9',
200: '#E1E8F0',
300: '#CAD5E0',
400: '#91A4B7',
500: '#61758A',
600: '#445668',
700: '#304254',
800: '#1C2A3A',
900: '#0D1829',
50: "#F8FAFC",
100: "#F0F5F9",
200: "#E1E8F0",
300: "#CAD5E0",
400: "#91A4B7",
500: "#61758A",
600: "#445668",
700: "#304254",
800: "#1C2A3A",
900: "#0D1829",
},
red: {
50: '#FFF5F5',
100: '#FFECEC',
200: '#FFD8D7',
300: '#FFB2AF',
400: '#FF8B88',
500: '#FF6560',
600: '#FF3E38',
700: '#DB2832',
800: '#DB2832',
900: '#93112F',
50: "#FFF5F5",
100: "#FFECEC",
200: "#FFD8D7",
300: "#FFB2AF",
400: "#FF8B88",
500: "#FF6560",
600: "#FF3E38",
700: "#DB2832",
800: "#DB2832",
900: "#93112F",
},
},
},
@ -58,4 +58,4 @@ module.exports = {
extend: {},
},
plugins: [],
}
};

63
assets/webpack.config.js
View file

@ -1,60 +1,63 @@
const path = require('path');
const glob = require('glob');
const MiniCssExtractPlugin = require('mini-css-extract-plugin');
const CssMinimizerPlugin = require('css-minimizer-webpack-plugin');
const MonacoWebpackPlugin = require('monaco-editor-webpack-plugin');
const path = require("path");
const glob = require("glob");
const MiniCssExtractPlugin = require("mini-css-extract-plugin");
const CssMinimizerPlugin = require("css-minimizer-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.
process.env.NODE_ENV = process.env.NODE_ENV || 'development';
process.env.NODE_ENV = process.env.NODE_ENV || "development";
module.exports = (env, options) => {
const devMode = options.mode !== 'production';
const devMode = options.mode !== "production";
return {
mode: options.mode || 'production',
mode: options.mode || "production",
entry: {
'app': glob.sync('./vendor/**/*.js').concat(['./js/app.js'])
app: glob.sync("./vendor/**/*.js").concat(["./js/app.js"]),
},
output: {
filename: '[name].js',
path: path.resolve(__dirname, (devMode ? '../tmp/static_dev/js' : '../priv/static/js')),
publicPath: '/js/'
filename: "[name].js",
path: path.resolve(
__dirname,
devMode ? "../tmp/static_dev/js" : "../priv/static/js"
),
publicPath: "/js/",
},
devtool: devMode ? 'eval-cheap-module-source-map' : undefined,
devtool: devMode ? "eval-cheap-module-source-map" : undefined,
module: {
rules: [
{
test: /\.js$/,
exclude: /node_modules/,
use: {
loader: 'babel-loader'
}
loader: "babel-loader",
},
},
{
test: /\.[s]?css$/,
use: [
MiniCssExtractPlugin.loader,
'css-loader',
'postcss-loader',
],
use: [MiniCssExtractPlugin.loader, "css-loader", "postcss-loader"],
},
{
test: /\.(ttf|woff|woff2|eot|svg)$/,
use: ['file-loader'],
use: ["file-loader"],
},
]
],
},
plugins: [
new MiniCssExtractPlugin({ filename: '../css/app.css' }),
new MiniCssExtractPlugin({ filename: "../css/app.css" }),
new MonacoWebpackPlugin({
languages: ['markdown', 'elixir']
})
languages: ["markdown", "elixir"],
}),
],
optimization: {
minimizer: [
'...',
new CssMinimizerPlugin()
]
minimizer: ["...", new CssMinimizerPlugin()],
},
}
// The crypto-js package relies no the crypto module, but it has
// fine support in browsers, so we don't provide polyfills
resolve: {
fallback: {
crypto: false,
},
},
};
};