zoukankan      html  css  js  c++  java
  • 简单使用webpack(window下)

    (一下操作都是在命令行中)

    全局安装

    webpack$ npm install webpack -g

    初始化(相关信息)

    尝试练习使用 E盘,在E:中新建一个文件夹test,进入test文件夹(cmd命令  cd e: est)

    进入test文件后:命令行输入

    npm init 

    安装webpack工具

    npm install webpack --save-dev

    接着是简单的打包文件

    在test文件下,新建一个js文件,比如最简单的hi.js,里面可以自己写一写函数之类的

    webpack hi.js hello.js

    hi.js是需要打包的文件对象,第二个参数是打包以后文件的对象,可以更改命名。

      Hash:哈希值

      Version:就是版本号

      Time:打包花的时间

    • Assert:打包生成的文件
    • size:文件大小
    • chunks:分块
    • chunk names:分块的名字

    可以添加相关的参数

    webpack hi.js hello.js --module-bind "css=style-loader!css-loader" --watch

    注意:是两杠

    watch参数是指实时监控,任意改动文件就会及打包并且能够在浏览器中实施浏览

    错误集合(微笑)
    1)You may need an appropriate loader to handle this file type.
    这个时候需要在项目文件中安装相关loader,比如css-loader,style-loader
    npm install css-loader style-loader --save-dev
    下载了相关的loader之后需要在文件中引用

     

    2)webpack hi.js hello.js --module-bind 'css=style-loader!css-loader'
    把命令行的单引号改为双引号" "
    改为:webpack hi.js hello.js --module-bind "css=style-loader!css-loader"

     

  • 相关阅读:
    bzoj 3122 [Sdoi2013]随机数生成器(逆元,BSGS)
    归并排序
    MS-coco数据集下载及使用(转)
    转-深度学习视觉领域常用数据集汇总
    opencv-Mat数据类型及位数总结
    opencv-图像类型、深度、通道
    opencv-VS2010配置opencv2.4.8
    opencv-访问Mat中每个像素的值
    VS2010文件包含
    转载: 8个月从CS菜鸟到拿到Google Offer的经历+内推
  • 原文地址:https://www.cnblogs.com/synchronize/p/6684168.html
Copyright © 2011-2022 走看看