webpack配置文件在哪里
时间: 2023-07-22 22:29:09 浏览: 104
webpack配置文件
webpack的配置文件通常命名为`webpack.config.js`,位于项目的根目录下。如果该文件不存在,可以手动创建一个。
在该文件中,通常会定义入口文件、输出文件、模块解析规则、插件等相关配置。例如:
```javascript
const path = require('path');
const HtmlWebpackPlugin = require('html-webpack-plugin');
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',
options: {
presets: ['@babel/preset-env']
}
}
},
{
test: /\.css$/,
use: ['style-loader', 'css-loader']
},
{
test: /\.svg$/,
use: ['@svgr/webpack']
}
]
},
plugins: [
new HtmlWebpackPlugin({
title: 'My App',
template: 'src/index.html'
})
]
};
```
在上述代码中,我们定义了入口文件为`src/index.js`,输出文件为`dist/bundle.js`,并定义了模块解析规则和插件。注意,这里我们使用了`path`模块来处理路径相关的操作。
阅读全文