zoukankan      html  css  js  c++  java
  • webpack1:安装webpack及项目创建

    用win+R打开运行对话框,输入cmd进入命令行模式,输入想创建文件的盘符。

    如果安装失败(出现了报错信息),一般有三种可能:

    • 检查node的版本号,如果版本号过低,升级为最新版本。
    • 网络问题,可以考虑使用cnpm来安装(这个是淘宝实时更新的镜像),具体可以登录cnpm的官方网站学习http://npm.taobao.org/。往下翻到“使用说明”,复制$后面的安装命令:$ npm install -g cnpm --registry=https://registry.npm.taobao.org 进行安装,$符号不要复制!!!。
    • 权限问题,在Liux、Mac安装是需要权限,如果你是Windows系统,主要要使用以管理员方式安装。

    注意:全局安装是可以的,但是webpack官方是不推荐的。这会将您项目中的 webpack 锁定到指定版本,并且在使用不同的 webpack 版本的项目中,可能会导致构建失败。

    对项目目录进行安装  

    全局安装完成后,还要进行一个项目目录的安装。在用npm安装前,先进行一下初始化,初始化的主要目的是生成package.json文件(里面蕴含了丰富的信息,包括当前项目的依赖模块,自定义的脚本任务等等)。

     在命令行输入:

    npm init

    输入完成后,npm终端会问关于项目的名称,描述……一堆内容,如果不考虑发布到npm上,不需要填写,全部回车即可(后期可以用文本的形式修改这些内容), 最后会询问yes/no,输入yes.回车,完成初始化。这时用编辑器已经可以看到生成的package.json文件了。

    继续输入命令,安装本地webpack. (这里的参数–save是要保存到package.json中,dev是在开发时使用这个包,而生产环境中不使用).

    输入:

    npm install --save-dev webpack

    如果安装速度过慢,使用淘宝的cnpm进行安装: cnpm install –save-dev webpack

     

    开发环境and生产环境:

    • 开发环境:在开发时需要的环境,这里指在开发时需要依赖的包。
    • 生产环境:程序开发完成,开始运行后的环境,这里指要使项目运行,所需要的依赖包。

     安装好后,查看webpack版本,在工作交流时,会常被问到自己打包版本是什么,这时可以用下面的命令进行查看。

    npm webpack -v

  • 相关阅读:
    ExtJs之Grid
    [java]转:String Date Calendar之间的转换
    SQL Server脚本备份
    Java实现文件夹的复制(包括子文件夹与文件)
    Android webview使用详解
    zxing条码扫描横屏修改
    Genymotion的安装与eclipse配置教程
    开发中遇到的问题
    sql中COUNT()+GROUP BY +HAVING的组合使用
    由于包名与引用的库名相同导致的报错
  • 原文地址:https://www.cnblogs.com/coldfishdt/p/9070118.html
Copyright © 2011-2022 走看看