zoukankan      html  css  js  c++  java
  • Webpack安装和命令

    1.定位到创建的目录

    cd H:webpacktest
    

    2.初始化:

    npm init
    

    3.一路回车

    4.执行(安装到项目的依赖项中)

    npm install webpack --save-dev
    

      注意:文件夹千万不要命名为webpack

    如果报这个错误:

    执行删除命令:重新安装

    npm remove npm
    

      重新命名文件夹:webpacktest

    npm install css-loader style-loader --save-dev
    

    安装到全局环境的命令:

    npm install webpack -g
    

     只有安装到全局变量中才能执行编译命令

    打包命令:

    webpack entry.js bundle.js
    

      打包成功显示的内容:

    打包文件夹中的内容:

    打包css文件报错:

    安装css-loader

    npm install css-loader style-loader --save-dev
    

    引入css的语法:

    require('css-loader!./style.css')
    

    引入style的语法:

    require('style-loader!css-loader!./style.css')
    

    直接在命令行中绑定:

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

    自动打包参数:

    webpack hello.js bundle.js --watch
    

    查看打包的过程:

    webpack hello.js bundle.js --progress --display-modules
    

    在package.json中添加:

     "webpack":"webpack --config webpack.config.js --progress --display-modules --colors --display-reason"
    

     运行

    npm run webpack
    

    中文文档:

    https://doc.webpack-china.org/configuration/

     

      

     

      

     

  • 相关阅读:
    关于DOS的常用操作
    <leetcode 第188场周赛>
    大挑战!状压dp!
    41. 缺失的第一个正数
    1095. 山脉数组中查找目标值 (二分查找)
    “人活着就是为了贪心”——贪心算法日
    二分查找
    2020.4.25 leetcode 编程战队赛
    <leetcode c++>221. 最大正方形
    <leetcode c++>面试题51. 数组中的逆序对
  • 原文地址:https://www.cnblogs.com/sunliyuan/p/7228843.html
Copyright © 2011-2022 走看看