为了账号安全,请及时绑定邮箱和手机立即绑定

webpack深入与实战

难度中级
时长 3小时21分
学习人数
综合评分9.60
249人评价 查看评价
9.8 内容实用
9.5 简洁易懂
9.5 逻辑清晰
2021年很多知识点已经不适用新版本的webpack了,还是看文档吧
2021/1/11看老师的视频,webpack已经5了,但是我还是看了,不为别的,就要打下基础。我看的就是每个模块的的配置和功能,还有重要插件的引用。非常适合入门。我建议大家不要跟着敲代码,全部过一遍了解即可,因为版本太老了,语法不兼容,没必要浪费时间解决兼容,(顺带一提,现在IE都用谷歌内核了,谈个锤子IE兼容了,不存在了)要掌握好的学习方法就是学习新的知识,并且要打好基础
会用文档才是关键,不是记笔记浪费时间
htmlWebpackPlugin.files里不存在chunks字段。
我装的webpack版本是4.44.1。没发现htmlWebpackPlugin.file里存在chunks字段。
只在options里发现chunks : "all"这个字段

最新回答 / qq_Android客户端勇哥_0
你的版本不对:如果用的是html-webpack-plugin 3.2.0版本 就是老师的写法,不要太关注细节,都查询文档才是你要学习的

最赞回答 / 代码_从入门到放弃
const path = require('path');

module.exports = {
    entry: './src/script/main.js',
    output: {
        path: path.resolve(__dirname, './dist/js'),
        filename: "bundle.js"
    },
    resolve:{
    ...
安装的最新的webpack4.0 所以要执行如下命令才可以
webpack hello.js --output-filename hello.bundle.js --mode development

最新回答 / sunka
出口文件名已经指定,打包打了两个,但是后一个覆盖了前一个,大概就是这么个意思。我也是刚看完视频😀

最新回答 / 爱学习的奇奇巫
新版本的webpack打包命令不再是视频中的“webpack 入口文件 出口文件”的方式了,直接“webpack --mode development”命令就会查找src下的index.js文件作为入口文件并且打包成dist目录下的main.js文件

最新回答 / NoError2018
知道了,原来需要同步webpack  和webpack-cli的脚手架 不能一个全局安装,一个局部安装,解决办法:卸载全局安装的:npm uninstall webpack webpack-cli -g安装统一的:
npm install webpack webpack-cli -g
首页上一页1234567下一页尾页
课程须知
1、对模块化开发有一些了解 2、使用过 node 对 npm 有基本的了解 3、对打包有一个基本的概念
老师告诉你能学到什么?
1、模块化的开发 2、webpack 的 CLI (命令行) 3、webpack 如何在项目中打包 4、webpack 如何处理项目中的资源文件

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消