zoukankan      html  css  js  c++  java
  • webpack 打包

    打包css文件

    webpack打包css文件需要使用loader(用webpack不认识的模块源代码进行转换)

    d:webpack	est>webpack hello.js hello.bundle.js --module-bind 'css=style-loader!css-loader'
    

     每次打包都需要使用这个太繁琐,所以可以添加watch动态监听:

    d:webpack	est>webpack hello.js hello.bundle.js --module-bind 'css=style-loader!css-loader' --watch
    

      重新定义配置文件

    webpack --config webpack.config.dev.js
    

      在package中使用命令行

    {
      "name": "demo",
      "version": "1.0.0",
      "description": "",
      "main": "index.js",
      "scripts": {
        "test": "echo "Error: no test specified" && exit 1",
        "webpack":"webpack --config webpack.config.js --progress --dispaly-modules --colors"//命令行内容
      },
      "author": "",
      "license": "ISC",
      "devDependencies": {},
      "dependencies": {
        "webpack": "^3.1.0"
      }
    }
    

     使用配置文件: 

       在 webpack.config.json 中配置好入口文件与出口文件后直接 在命令行当前文件夹执行 webpack 命令即可打包。

  • 相关阅读:
    php 接触
    PHP Session可能会引起并发问题
    PHP大神的十大优良习惯
    PHP开发经验总结
    php命令行用法简介
    Python正则表达式指南
    PHP开发经验总结
    PHP命名空间概念解析
    高性能Web框架Zend Framework
    PHP代码优化技巧大盘点
  • 原文地址:https://www.cnblogs.com/wangwg1994/p/8886868.html
Copyright © 2011-2022 走看看