No.1 安装webpack

注意:本文硬件环境mac

1. require: node.js
brew install node

- 全局安装

npm install webpack -g

安装完成后可以直接使用webpack命令,像webpack entry.js bundle.js这样.
但不推荐这样做,如果你在另一个项目使用了其他版本的webpack,仍然使用全局命令可能会造成错误.

- 局部安装(推荐)

require:已经初始化,可用npm init进行初始化,初始化后会在根目录下多出一个package.json(和maven的pom.xml类似)文件

npm install webpack --save-dev
//安装指定版本
npm install webpack@<version> --save-dev

安装完成后会在项目根目录多出一个node_modules目录.该目录用来放置依赖js模块.
局部安装使用webpack需要指定bin目录node_modules/.bin/webpack.
如果想在项目中使用npm,需要在package.json中配置

"scripts": { 
    "start": "webpack --config mywebpack.config.js"
}

这样就可以使用npm start进行打包了

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 无意中看到zhangwnag大佬分享的webpack教程感觉受益匪浅,特此分享以备自己日后查看,也希望更多的人看到...
    小小字符阅读 12,543评论 7 35
  • 学习流程 参考文档:入门Webpack,看这篇就够了Webpack for React 一. 简单使用webpac...
    Jason_Zeng阅读 8,338评论 2 16
  • 写在开头 先说说为什么要写这篇文章, 最初的原因是组里的小朋友们看了webpack文档后, 表情都是这样的: (摘...
    Lefter阅读 10,683评论 4 31
  • 构建一个小项目——FlyBird,学习webpack和react。(本文成文于2017/2/25) 从webpac...
    布蕾布蕾阅读 16,982评论 31 98
  • 01 “斯是陋室,惟吾德馨。”洁用这句话总结合租房的那几年。 洁和她的男朋友大一社团里相遇相识,大二相知相爱。都说...
    笔尖儿爱写作阅读 3,728评论 7 6