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/

     

      

     

      

     

  • 相关阅读:
    spring-boot整合dubbo:Spring-boot-dubbo-starter
    基于Spring的轻量级工作流框架
    Spring多种加载Bean方式简析
    Spring Dubbo 开发笔记
    基于Spring开发——自定义标签及其解析
    Navicat连接MySQL8.0亲测有效
    学习Python中遇到的各种错误
    字符串转字典
    set(待整理)
    C++中虚析构的作用
  • 原文地址:https://www.cnblogs.com/sunliyuan/p/7228843.html
Copyright © 2011-2022 走看看