如何在 webpack 中配置 "type" "module" 选项?
时间: 2023-11-09 07:09:24 浏览: 144
在webpack中配置"type"为"module"选项,可以使用以下步骤:
1. 首先,安装支持ES模块的依赖项,包括webpack和babel:
```bash
npm install webpack webpack-cli babel-loader @babel/core @babel/preset-env --save-dev
```
2. 在项目根目录下创建一个名为"babel.config.js"的文件,并将以下内容添加到文件中:
```javascript
module.exports = {
presets: [
'@babel/preset-env'
]
};
```
3. 在webpack配置文件中(通常是"webpack.config.js"),添加以下配置:
```javascript
module.exports = {
entry: './src/index.js',
output: {
filename: 'bundle.js',
path: path.resolve(__dirname, 'dist')
},
module: {
rules: [
{
test: /\.js$/,
exclude: /node_modules/,
use: {
loader: 'babel-loader'
}
}
]
},
resolve: {
extensions: ['.js']
},
experiments: {
topLevelAwait: true
}
};
```
这样,你就配置了webpack中的"type"为"module"选项。它允许你使用ES模块语法进行打包。