webpack4:基本使用

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

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

创建基本的webpack4.x项目:

webpack4:基本使用_第1张图片

创建后的目录:

webpack4:基本使用_第2张图片

其中:

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:




    
    
    
    Document
    


    

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

你可能感兴趣的:(webpack,webpack4)