webpack基本配置和功能详解

创建一个webpack.config.js文件
module.exports = {
entry:'./script/main.js',//入口文件
output: {
path : '../dist/js',
filename: 'bundle.js'
}//打包文件存放处
}

WechatIMG3486.jpeg
在src文件下 运行webpack命令 发现bundle.js生成完毕
如果想改变webpack.config.js =>wyq.config.js
在终端进行 webpack --config wyq.config.js

在wyq.config.js里面直接注入脚本

"scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "webpack" : "webpack --config wyq.config.js --colors"
  },
运行 npm run webpack 就可以了
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • webpack介绍、配置、使用
    版权声明：本文为博主原创文章，未经博主允许不得转载。 webpack介绍和使用 一、webpack介绍 1、由来 ...
    it筱竹阅读 11,264评论 0赞 21
  • webpack详解
    webpack 介绍 webpack 是什么 为什么引入新的打包工具 webpack 核心思想 webpack 安...
    yxsGert阅读 6,535评论 2赞 71
  • 细说前端自动化打包工具--webpack
    记得2004年的时候，互联网开发就是做网页，那时也没有前端和后端的区分，有时一个网站就是一些纯静态的html，通过...
    阳阳阳一堆阳阅读 3,358评论 0赞 5
  • webpack 从入门到工程实践
    GitChat技术杂谈 前言 本文较长，为了节省你的阅读时间，在文前列写作思路如下： 什么是 webpack，它要...
    萧玄辞阅读 12,729评论 7赞 110
  • webpack教程
    无意中看到zhangwnag大佬分享的webpack教程感觉受益匪浅，特此分享以备自己日后查看，也希望更多的人看到...
    小小字符阅读 8,268评论 7赞 35