在webpack中,可以通过以下方式生成输出结果:
如何使用vite实现这一点?
默认情况下,vite模板会生成配置文件,在此文件中JavaScript和CSS会被打包成一个单独的文件,并在运行时注入CSS。
- 一个包含打包后js代码的文件
- 一个包含打包后css代码的文件
const MiniCssExtractPlugin = require('mini-css-extract-plugin')
...
plugins: [
new MiniCssExtractPlugin({
filename: 'assets/css/styles.css',
chunkFilename: '[id].css',
}),
...
],
...
{
test: /\.css$/,
use: [
{
loader: MiniCssExtractPlugin.loader,
},
{
loader: 'css-loader',
},
],
},
...
如何使用vite实现这一点?
默认情况下,vite模板会生成配置文件,在此文件中JavaScript和CSS会被打包成一个单独的文件,并在运行时注入CSS。