zoukankan      html  css  js  c++  java
  • webpack安装及命令

    webpack和browserify都是前端打包工具

    1.webpack是什么?

    webpack是前端打包工具,可以把很多模块打包成很少的文件。它有自己的特性代码分割,它可以使你项目在加载过程中只加载你需要的文件。除了常用的前端文件它可以处理外,还可以处理你自定义的文件。

    2.安装和命令行

      0.新建webpack目录:mkdir webpack-demo

      1.npm init:初始化初始化webpack目录

      2.安装webpack

        安装最新版本或特定版本:npm install   --save-dev  webpack  /   npm install --save-dev webpack@<version>

        全局环境下安装:npm install --blobal webpack(不推荐,这会将你项目中的webpack锁定到指定版本,并且在使用不同的webpack版本的项目中,可能会导致构建失败)

        安装最新体验版:npm install webpack@beta  /  npm install webpack/webpack#<tagname/branchname> (不推荐用于生产)

      3.打开当前目录:atom ./,新建hello.js文件

      4.使用webpack打包hello.js文件:webpack hello.js  hello.bundle.js(打包后的文件名)

      5.打包css文件时需要安装:npm install css-loader style-loader --save-dev(style-loader是可以让引入打包后的js文件的界面对这些css样式起作用,css-loader是打包时使用)

      6.webpack hello.js hello.bundle.js --module-bind 'css=style-loader!css-loader'

      7.文件更新时自动打包:webpack hello.js hello.bundle.js --module-bind 'css=style-loader!css-loader' --watch

          8.打包过程中的进度条:--progress

      9.打包的模块:--display-modules

      10.为什么打包这些文件:--display-reasons

      

  • 相关阅读:
    ASP.NET的底层体系1
    MVC路由解析---IgnoreRoute
    HTTP协议详解(三)
    HTTP协议详解(二)
    HTTP协议详解(一)
    优化MySQL服务器
    知识管理系列---3.程序实现
    Linux上PHP加入环境变量
    php-fpm 服务
    centos 服务器编译安装apache+php
  • 原文地址:https://www.cnblogs.com/cxdxm/p/6613664.html
Copyright © 2011-2022 走看看