yetangitu/ya-webadb
1
0
Fork 0
mirror of https://github.com/yume-chan/ya-webadb.git synced 2025-10-05 19:42:15 +02:00
Code Issues Projects Releases Packages Wiki Activity

chore(demo): enable project references in ts-loader

Browse source
This commit is contained in:
Simon Chan 2020-09-18 18:37:17 +08:00
parent 382a56a9ef
commit 608fe1cef5
7 changed files with 199 additions and 183 deletions
Download patch file Download diff file Expand all files Collapse all files

148
packages/demo/webpack.config.js
View file

@ -1,73 +1,75 @@
"use strict";
const tslib_1 = require("tslib");
const clean_webpack_plugin_1 = require("clean-webpack-plugin");
const copy_webpack_plugin_1 = tslib_1.__importDefault(require("copy-webpack-plugin"));
const mini_css_extract_plugin_1 = tslib_1.__importDefault(require("mini-css-extract-plugin"));
const path_1 = tslib_1.__importDefault(require("path"));
const webpack_bundle_analyzer_1 = require("webpack-bundle-analyzer");
const html_webpack_plugin_1 = tslib_1.__importDefault(require("html-webpack-plugin"));
const context = path_1.default.resolve(process.cwd());
const plugins = [
new clean_webpack_plugin_1.CleanWebpackPlugin(),
new mini_css_extract_plugin_1.default({
filename: '[name].[contenthash].css',
esModule: true,
}),
new copy_webpack_plugin_1.default({
patterns: [
{
context: path_1.default.dirname(require.resolve('streamsaver')),
from: '(mitm.html|sw.js|LICENSE)',
to: 'streamsaver'
},
],
}),
new html_webpack_plugin_1.default({
template: 'www/index.html',
scriptLoading: 'defer',
}),
];
if (process.env.ANALYZE) {
plugins.push(new webpack_bundle_analyzer_1.BundleAnalyzerPlugin());
}
const config = (env, argv) => ({
mode: 'development',
devtool: argv.mode === 'production' ? 'source-map' : 'eval-source-map',
context,
target: 'web',
entry: {
index: './src/index.tsx',
},
output: {
path: path_1.default.resolve(context, 'lib'),
filename: '[name].[contenthash].js',
},
resolve: {
extensions: ['.ts', '.tsx', '.js'],
},
plugins,
module: {
rules: [
{ test: /\.js$/, enforce: 'pre', loader: ['source-map-loader'], },
{ test: /.css$/i, loader: [mini_css_extract_plugin_1.default.loader, 'css-loader'] },
{ test: /.tsx?$/i, loader: 'ts-loader' },
],
},
optimization: {
moduleIds: 'hashed',
splitChunks: {
cacheGroups: {
vendor: {
test: /[\\/]node_modules[\\/]/,
name: 'vendor',
chunks: 'all',
},
},
},
},
devServer: {
contentBase: path_1.default.resolve(context, 'lib'),
port: 9000
},
});
module.exports = config;
"use strict";
const tslib_1 = require("tslib");
const clean_webpack_plugin_1 = require("clean-webpack-plugin");
const copy_webpack_plugin_1 = tslib_1.__importDefault(require("copy-webpack-plugin"));
const html_webpack_plugin_1 = tslib_1.__importDefault(require("html-webpack-plugin"));
const mini_css_extract_plugin_1 = tslib_1.__importDefault(require("mini-css-extract-plugin"));
const path_1 = tslib_1.__importDefault(require("path"));
const webpack_bundle_analyzer_1 = require("webpack-bundle-analyzer");
const write_file_webpack_plugin_1 = tslib_1.__importDefault(require("write-file-webpack-plugin"));
const context = path_1.default.resolve(process.cwd());
const plugins = [
new clean_webpack_plugin_1.CleanWebpackPlugin(),
new mini_css_extract_plugin_1.default({
filename: '[name].[contenthash].css',
esModule: true,
}),
new copy_webpack_plugin_1.default({
patterns: [
{
context: path_1.default.dirname(require.resolve('streamsaver')),
from: '(mitm.html|sw.js|LICENSE)',
to: 'streamsaver'
},
],
}),
new html_webpack_plugin_1.default({
template: 'www/index.html',
scriptLoading: 'defer',
}),
new write_file_webpack_plugin_1.default(),
];
if (process.env.ANALYZE) {
plugins.push(new webpack_bundle_analyzer_1.BundleAnalyzerPlugin());
}
const config = (env, argv) => ({
mode: 'development',
devtool: argv.mode === 'production' ? 'source-map' : 'eval-source-map',
context,
target: 'web',
entry: {
index: './src/index.tsx',
},
output: {
path: path_1.default.resolve(context, 'lib'),
filename: '[name].[contenthash].js',
},
resolve: {
extensions: ['.ts', '.tsx', '.js'],
},
plugins,
module: {
rules: [
{ test: /\.js$/, enforce: 'pre', loader: ['source-map-loader'], },
{ test: /.css$/i, loader: [mini_css_extract_plugin_1.default.loader, 'css-loader'] },
{ test: /.tsx?$/i, loader: 'ts-loader', options: { projectReferences: true } },
],
},
optimization: {
moduleIds: 'hashed',
splitChunks: {
cacheGroups: {
vendor: {
test: /[\\/]node_modules[\\/]/,
name: 'vendor',
chunks: 'all',
},
},
},
},
devServer: {
contentBase: path_1.default.resolve(context, 'lib'),
port: 9000
},
});
module.exports = config;