代码拉取完成,页面将自动刷新
const path = require('path');
const Config = require('webpack-chain');
const autoprefixer = require('autoprefixer');
const MiniCssExtractPlugin = require('mini-css-extract-plugin');
const DEFAULT_BROWSERS = [
'>1%',
'last 4 versions',
'Firefox ESR',
'not ie < 9', // React doesn't support IE8 anyway
];
const config = new Config();
config
.entry('index')
.add('./src/index.tsx')
.end()
.output
.path(path.resolve(__dirname, 'dist'))
.filename('index.js');
config.module
.rule('tsx')
.test(/\.tsx?$/)
.use('babel-loader')
.loader('babel-loader')
.options({
presets: [
"@babel/preset-react",
["@babel/preset-env", {
targets: {
browsers: [
'last 2 versions',
'ie >= 11',
],
},
}],
],
plugins: [['import', {
libraryName: 'antd',
style: true,
}],
'@babel/plugin-transform-object-assign',
],
})
.end()
.use('ts-loader')
.loader('ts-loader')
.options({
configFile: path.join(__dirname, 'tsconfig.json'),
// transpileOnly: true,
});
config.module
.rule('less')
.test(/\.less/)
.use('style-loader')
.loader('style-loader')
.end()
// .use('MiniCssExtractPlugin.loader')
// .loader(MiniCssExtractPlugin.loader)
// .end()
.use('css-loader')
.loader('css-loader')
.options({
sourceMap: false,
})
.end()
.use('postcss-loader')
.loader('postcss-loader')
.options({
plugins: () => [
autoprefixer({
overrideBrowserslist: DEFAULT_BROWSERS,
flexbox: 'no-2009',
}),
],
})
.end()
.use('less-loader')
.loader('less-loader')
.options({
sourceMap: false,
javascriptEnabled: true,
});
config.module
.rule('eot')
.test(/\.eot(\?v=\d+\.\d+\.\d+)?$/)
.use('url-loader')
.loader('url-loader')
.options({
limit: 10000,
minetype: 'application/font-woff',
});
config.module
.rule('svg')
.test(/\.svg(\?v=\d+\.\d+\.\d+)?$/)
.use('url-loader')
.loader('url-loader')
.options({
limit: 10000,
minetype: 'image/svg+xml',
});
config.module
.rule('ttf')
.test(/\.ttf(\?v=\d+\.\d+\.\d+)?$/)
.use('url-loader')
.loader('url-loader')
.options({
limit: 10000,
minetype: 'application/octet-stream',
});
config.module
.rule('woff')
.test(/\.woff(\?v=\d+\.\d+\.\d+)?$/)
.use('url-loader')
.loader('url-loader')
.options({
limit: 10000,
minetype: 'application/font-woff',
});
config.module
.rule('image')
.test(/\.(jpg|png)$/)
.use('file-loader')
.loader('file-loader');
config.resolve
.extensions.merge([ '.tsx', '.ts', '.js' ])
.end()
.modules.add(path.join(__dirname, 'node_modules'));
// config.plugin('MiniCssExtractPlugin')
// .use(MiniCssExtractPlugin)
module.exports = config;
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。