01_搭建环境(一)

首先需要安装node环境

新建文件夹

cmd进入当前目录

初始化环境

cnpm init 一溜回车

之后在当前文件夹下出现  package.json文件

然后安装 webpack webpack-cli 

cnpm install webpack webpack-cli --save-dev

　　安装完成之后在当前文件夹下创建文件夹src，在src下创建index.js文件。index.js中随便写上一句代码

在src同级目录下创建webpack.dev.config.js文件内容如下:

 

module.exports = {
    entry:'./src/index.js',
    output:{
        path: __dirname,
        filename: './release/bundle.js'
    }
}

　　entry:入口文件。

　　ouput:出口文件。

　　path:当前目录。

　　filename:指定的构建文件，其中release会自动创建

修改package.json文件

在script中添加

"dev" : "webpack --config ./webpack.dev.config.js --mode development"

　　到此准备工作完成

运行

cnpm run dev

　　运行完毕

release/bundle.js创建完成