# webpack 简单安装步骤和配置
**Repository Path**: null_747_9838/webpack-JianDanAnZhuangBuZhouHePeiZhi
## Basic Information
- **Project Name**: webpack 简单安装步骤和配置
- **Description**: webpack 简单安装步骤和配置
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No
## Statistics
- **Stars**: 1
- **Forks**: 0
- **Created**: 2017-10-02
- **Last Updated**: 2020-12-19
## Categories & Tags
**Categories**: Uncategorized
**Tags**: None
## README
## 1、安装webpack
（1）全局：```npm install -g webpack```
（2）项目文件夹（cmd跳转到项目的文件夹）：```npm install --save-dev webpack```
## 2、package.json（一直按enter键）
```
npm init
```
## 3、安装loader
（1）```npm install --save-dev style-loader css-loader```
（2）```npm install --save-dev url-loader```
## 4、webpack.config.js
```
var webpack = require('webpack');
module.exports = {
entry: __dirname+'/app/main.js',
output: {
path: __dirname+'/public',
filename: 'bundle.js'
},
module: {
loaders: [
{test: /\.css$/,loader: 'style-loader!css-loader'},
{test: /\.(png|jpg|gif)$/, loader: 'url-loader?limit=8192'}
]
}
};
```
## 5、main.js
```
require('./main.css');
require('./Greeter.js');
```
## 6、index.html
```
```
## 7、目录图：
