webpack.config.js 模版
时间: 2023-06-28 20:05:17 浏览: 52
webpack1.x指导文档
以下是一个简单的 webpack.config.js 的模板,供参考:
```javascript
const path = require('path');
module.exports = {
entry: './src/index.js', // 入口文件
output: {
path: path.resolve(__dirname, 'dist'), // 打包输出目录
filename: 'bundle.js' // 打包输出文件名
},
module: {
rules: [
{
test: /\.js$/, // 对所有 .js 文件进行处理
exclude: /node_modules/, // 排除 node_modules 目录
use: {
loader: 'babel-loader' // 使用 babel-loader 进行转译
}
}
]
},
devServer: {
contentBase: path.resolve(__dirname, 'dist'), // 服务器目录
port: 8080 // 服务器端口
}
};
```
该 webpack 配置文件中定义了入口文件、打包输出目录、打包输出文件名、对 .js 文件的处理规则(使用 babel-loader 进行转译)、以及开发服务器的配置。根据具体项目需求,还可以添加其他的配置项。
阅读全文