• webpack4:基本使用


    webpack是基于Node构建,所以wepack支持所有Node API和语法。

    即:Chrome浏览器能支持的ECMAScript语法(排除DOM、BOM),wbpack都能支持。Chrome不支持ES6,所以webpack也不支持。

    创建基本的webpack4.x项目:

    创建后的目录:

    其中:

    package.json:

    {
      "name": "wp4-1",
      "version": "1.0.0",
      "description": "",
      "main": "index.js",
      "scripts": {
        "test": "echo "Error: no test specified" && exit 1"
      },
      "keywords": [],
      "author": "",
      "license": "ISC",
      "devDependencies": {
        "webpack": "^4.41.5",
        "webpack-cli": "^3.3.10"
      }
    }
    

    webpack.config.js:

    module.exports = {
        mode: 'production' // development 或 production
    }
    

    index.js:

    console.log("hello webpack4.0!");
    

    index.html:

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <title>Document</title>
        <script src="../dist/main.js"></script>
    </head>
    <body>
        
    </body>
    </html>
    

    cmd中运行“webpack”命令打包。

  • 相关阅读:
    工坊第五天
    工坊第四天
    工坊第三天
    工坊第二天
    工坊第一天
    莫队 优雅暴力出奇迹
    状压 DP 总结
    关于MatlabGUI清除WorkSpace的用法
    ArduinoNano卡在上传,无法烧录
    两轮差速驱动机器人的坐标轨迹计算
  • 原文地址:https://www.cnblogs.com/samve/p/12331663.html
Copyright © 2020-2023  润新知