webpack 打包 src 目录
时间: 2023-07-22 15:17:16 浏览: 144
webpack打包
要使用Webpack打包`src`目录,您可以在Webpack配置中指定`entry`选项来告诉Webpack从哪里开始打包应用程序。这是一个简单的Webpack配置示例,它将`src`目录下的`index.js`文件作为入口文件:
```
module.exports = {
entry: './src/index.js',
output: {
path: __dirname + '/dist',
filename: 'bundle.js'
}
};
```
这个配置将告诉Webpack从`src/index.js`文件开始打包应用程序,并将打包后的文件输出到`dist/bundle.js`中。
除了`entry`选项之外,您还需要在Webpack配置中指定输出目录和文件名。在上面的示例中,我们使用`output.path`和`output.filename`选项指定输出目录和文件名。在这个例子中,我们将打包后的文件输出到`dist`目录下,并将文件命名为`bundle.js`。
配置完成后,您可以运行Webpack打包您的应用程序,例如:
```
webpack --config webpack.config.js
```
这将启动Webpack,并使用`webpack.config.js`文件中的配置来打包您的应用程序。
阅读全文