windows系统怎么安装webpack

来源:2-3 学习准备 - 环境准备(mac)

慕仰4225231

2018-11-16

有具体教程吗

写回答

4回答

前端工程师666777888

2018-12-12

二、安装webpack 3.x版本  

1、安装全局webpack   npm install -g webpack@3.x和npm install -g webpack-cli@2.x

2、项目初始化package.json   npm init  (要进入到项目目录)

            npm init -y(所有的都是yes)

 

3、安装项目依赖的webpack (要进入到项目目录)

           npm install --save-dev  webpack@3.x或npm install -D webpack@3.x

    

4、在项目根目录创建2个文件夹,src和dist

Src:源码文件夹

Dist:编译之后的存储文件夹

5、在src目录中创建app.js文件,作为入口文件

   app.js   document.write('webpack');

6、执行webpack,webpack  路径/入口文件  路径/出口文件

Webpack  src/app.js  dist/bundle.js

7、编写代码   在src目录中创建hello.js文件

module.exports=function(){

var hello=document.createElement("div");

hello.textContent="hello wepback3.x";

return hello;

}


1
0

前端工程师666777888

2018-12-12

可以去听听,https://www.bjsxt.com/down/9275.html。这个课程,里面有比较详细的有关3.x的Windows的配置。

1
0

qbaty

2018-11-21

有windows 的环境准备,需要先安装node 然后再安装webpack

0
0

慕仰4225231

提问者

2018-11-16

我的是windows10


0
0

四大维度解锁Webpack3.0前端工程化

前端开发标配,灵活掌握Webpack3.0的使用可以极大的提高前端开发的效率

1188 学习 · 403 问题

查看课程