90 lines
2.2 KiB
JavaScript
90 lines
2.2 KiB
JavaScript
const { join } = require('path');
|
||
const path = require('path');
|
||
const { readdirSync, statSync } = require('fs');
|
||
const MiniCssExtractPlugin = require('mini-css-extract-plugin');
|
||
const CopyPlugin = require('copy-webpack-plugin');
|
||
const isDev = process.env.RUNNING_ENV === 'dev';
|
||
const isProd = process.env.RUNNING_ENV === 'prod';
|
||
const webpack = require('webpack');
|
||
|
||
/**
|
||
* 引入 src/view/pages下的页面文件,排除 _ 开头的文件夹
|
||
*/
|
||
const importEntry = () => {
|
||
const entries = {};
|
||
const rootDir = join(process.cwd(), '/view/page');
|
||
readdirSync(rootDir)
|
||
.filter(i => !i.startsWith('_'))
|
||
.forEach(file => {
|
||
if (statSync(join(rootDir, file)).isDirectory())
|
||
entries[file] = `/view/page/${file}/index.ts`;
|
||
});
|
||
console.log(entries);
|
||
return entries;
|
||
};
|
||
|
||
module.exports = {
|
||
entry: importEntry(),
|
||
output: {
|
||
path: path.resolve(__dirname, 'public/dev'),
|
||
publicPath: '',
|
||
filename: '[name].js',
|
||
chunkFilename: '[id].chunk.js?[hash:8]',
|
||
},
|
||
mode: isDev ? 'development' : 'production',
|
||
module: {
|
||
rules: [
|
||
{
|
||
test: /\.ts?$/,
|
||
use: 'ts-loader',
|
||
exclude: /node_modules/,
|
||
},
|
||
{
|
||
test: /\.js$/,
|
||
loader: 'babel-loader',
|
||
exclude: /node_modules/,
|
||
},
|
||
{
|
||
test: /\.css$/,
|
||
use: [MiniCssExtractPlugin.loader, 'css-loader'],
|
||
},
|
||
{
|
||
test: /\.less$/,
|
||
use: [MiniCssExtractPlugin.loader, 'css-loader', 'less-loader'],
|
||
},
|
||
{
|
||
test: /\.(png|jpg|gif)$/i,
|
||
use: [
|
||
{
|
||
loader: 'url-loader',
|
||
options: {
|
||
limit: 8192,
|
||
},
|
||
},
|
||
],
|
||
},
|
||
],
|
||
},
|
||
plugins: [
|
||
new MiniCssExtractPlugin({
|
||
filename: '[name].css',
|
||
chunkFilename: '[id].css?[hash:8]',
|
||
}),
|
||
new CopyPlugin([
|
||
{ from: join(process.cwd(), 'view/assets'), to: 'assets' },
|
||
]),
|
||
new webpack.ProvidePlugin({
|
||
process: 'process/browser',
|
||
Buffer: ['buffer', 'Buffer'],
|
||
}),
|
||
].filter(Boolean),
|
||
resolve: {
|
||
extensions: ['.ts', '.js', '.ejs'],
|
||
fallback: {
|
||
crypto: require.resolve('crypto-browserify'),
|
||
stream: require.resolve('stream-browserify'),
|
||
assert: require.resolve('assert'),
|
||
},
|
||
},
|
||
};
|