首先要有node环境，进入Node.js的官网，选择对应系统下载安装包。安装node后集成了npm管理器
创建项目文件夹，以myapp文件为例，该文件即为项目根目录。打开命令提示符，执行：
依次完成以下操作：
第一步 安装模块
创建package.json文件
安装webpack工具
安装babel相关
安装css加载器
安装HTML插件
第二步 创建目录结构
项目的目录结构为：
在public目录下，创建index.html，该文件为项目的默认首页
在src目录下，创建index.js，该文件为项目的入口文件，在此文件中可以编写ES6代码
在项目的根目录下创建webpack.config.js配置文件，依次完成以下配置：
（1）配置入口（entry）
（2）配置出口（output）
（3）配置加载器（loader）
module.exports = { // ... module:{ rules:[ { test: /\.css$/, use:['style-loader','css-loader'] }, { test: /\.js?$/, // jsx/js文件的正则 exclude: /node_modules/, // 排除 node_modules 文件夹 use:{ // loader 是 babel loader: 'babel-loader', options: { // babel 转义的配置选项 babelrc: false, presets: [ [require.resolve('@babel/preset-env'), {modules: false}] ], cacheDirectory: true } } } ] } }
（4）配置插件（plugin）
执行打包命令
配置npm run build命令执行打包操作：
执行打包命令：
第三步 搭建本地服务
安装依赖
在webpack.config.js文件中配置本地服务相关信息
在package.json文件中配置启动命令
执行启动服务命令
