webpack安装

原创 2018年04月17日 11:51:57

1.  首先要有最新版本的node

2. 安装时由于npm过慢,我们使用cnpm淘宝镜像

npm install -g cnpm --registry=https://registry.npm.taobao.org

你可能会遇到错误(不支持win32平台)  --》解决办法 降低npm的版本 npm install@4.6.1 就可以

3. npm init -y

(其中scripts 中的两个变量自己后来加上的)

4. cnpm install --save-dev webpack

这时如果没有出现错误就安装成功了,出现了warn 这只是警告,可以不理他


打包过程

    src 文件下建立 index.js


  dist 文件下建立 index.html


 webpack.config.js 配置如下




执行命令 npm run build


生成了entry.js文件

在浏览器上浏览


打包过程就结束了

webpack的安装与环境配置

有时候何必纠结于一个问题不放呢,回去睡一觉第二天可能会有更好的解决办法 *--web...
  • eternal_shallow
  • eternal_shallow
  • 2016-12-08 15:05:29
  • 8105

webpack安装出错

最近一直在看vue框架,都说使用webpack打包程序好用,于是又去看了下webpack中文指南教程,根据步骤安装了下,结果在全局安装完在输入webpack -h就出现如下错误了       ...
  • eadio
  • eadio
  • 2017-02-08 14:53:20
  • 3179

webpack(一)安装

webpack?webpack是一个模块打包器,它将根据模块的依赖关系进行静态分析,然后将这些模块按照指定的规则生成对应的静态资源。打包核心原理:分块传输,按需进行懒加载,在实际用到某些模块的时候再增...
  • FrontEnder_way
  • FrontEnder_way
  • 2016-08-04 01:10:28
  • 5330

webpack安装入门排坑!

1先说安装过程中的坑吧。 我现在项目要使用webpack,项目名称first-webpack-program,进入文件夹, (1)npm 命令:npm init //这个命令就会自动生...
  • qq_37983691
  • qq_37983691
  • 2017-08-14 00:13:16
  • 198

mac下安装webpack

近半年工作的时候开始使用webpack构建项目,公司和以前的电脑都说windows系统,最近买了的苹果机,本以为在自己电脑上安装会很简单,但是出了点意料之外的问题,所以分享一下,希望可以帮助遇到同样问...
  • appxu456
  • appxu456
  • 2016-09-04 01:01:46
  • 2112

nodejs+webpack的安装

nodejs搁置了一段时间,最近因为在学习webpack,又重新拾起来了,在安装和使用webpack的过程中,发现之前安装的nodejs有些问题,输入cmd,打开控制台,在默认目录下,通常在c盘下,执...
  • u012862227
  • u012862227
  • 2017-01-04 14:34:01
  • 501

npm安装webpack历时两天

1.npm安装webpack十分慢,改进:镜像改为国内淘宝源。2. 镜像修改以后,安装webpack还是没有反应,降低nodeJS版本号...
  • Lian_Easel
  • Lian_Easel
  • 2018-01-21 17:21:25
  • 822

webpack安装失败,解决方法

node webpack npm
  • elisunli
  • elisunli
  • 2017-07-11 16:03:02
  • 7513

webpack安装和配置

一. 安装我们常规直接使用 npm 的形式来安装:$ npm install webpack -g当然如果常规项目还是把依赖写入 package.json 包去更人性化:$ npm init$ npm...
  • itpinpai
  • itpinpai
  • 2015-12-24 20:35:52
  • 46763
收藏助手
不良信息举报
您举报文章:webpack安装
举报原因:
原因补充:

(最多只允许输入30个字)