码迷,mamicode.com
首页 > Web开发 > 详细

webpack.config.js配置入口出口文件

时间:2019-11-24 17:47:06      阅读:77      评论:0      收藏:0      [点我收藏+]

标签:require   ack   png   路径   index   目的   uil   plugin   node   

目录结构:

技术图片

 

 

 新建webpack.config.js配置文件

const path = require(‘path‘) //导出 path是node内置的包 通过npm init初始化得到package.json

module.exports = {  //导出入口和出口路径
    entry: ‘./src/main.js‘, //入口文件
    output: { // 动态获取路径
        path: path.resolve(__dirname, ‘dist‘), // resolve拼接路径 __dirname是node自带全局变量,保存现在项目的路径
        filename: ‘bundle.js‘
    },
    //模块:例如解读CSS,图片如何转换,压缩
    module:{

    },
    //插件,用于生产模版和各项功能
    plugins:[

    ],
    //配置webpack开发服务功能
    devServer:{

    }
}

npm init初始化得到package.json依赖项文件

{
  "name": "meetwebpack",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "build": "webpack" //打包命令映射 npm run build 执行的是webpack命令
  },
  "author": "",
  "license": "ISC"
}

打包命令:

npm run build

 

webpack.config.js配置入口出口文件

标签:require   ack   png   路径   index   目的   uil   plugin   node   

原文地址:https://www.cnblogs.com/lyt0207/p/11922884.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!