webpack打包案例
时间: 2023-08-15 08:06:06 浏览: 188
Webpack打包实例测试代码
您好!以下是一个简单的webpack打包案例:
首先,确保您已经安装了Node.js和npm。
1. 创建一个新的项目文件夹,并在文件夹中打开终端。
2. 初始化项目,创建一个package.json文件:
```
npm init -y
```
3. 安装webpack和webpack-cli:
```
npm install webpack webpack-cli --save-dev
```
4. 在项目文件夹中创建一个src文件夹,并在其中创建一个index.js文件作为入口文件。
5. 在index.js文件中编写一些代码,例如:
```javascript
console.log("Hello, webpack!");
```
6. 在项目根目录中创建一个webpack.config.js文件,并配置webpack:
```javascript
const path = require('path');
module.exports = {
entry: './src/index.js',
output: {
filename: 'bundle.js',
path: path.resolve(__dirname, 'dist'),
},
};
```
7. 在终端中运行webpack命令进行打包:
```
npx webpack
```
8. 打包完成后,将生成的bundle.js文件输出到dist文件夹中。
这是一个简单的webpack打包案例,您可以根据自己的需求进行配置和扩展。希望对您有帮助!如果还有其他问题,请随时提问。
阅读全文