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

webpack深入与实战

难度中级
时长 3小时21分
学习人数
综合评分9.60
259人评价 查看评价
9.8 内容实用
9.5 简洁易懂
9.5 逻辑清晰
虽然我现在才学但是感觉我一个初学者都可以听得很明白很清楚说明老师讲的真的很不错,虽然webpack更新的很快 但是在看视频的同时配合官网去看自己去琢磨还是能够很快的调整过来的,再次感谢,辛苦老师了。
const path = require("path")
module.exports={
entry:path.join(__dirname,"src/script/main.js"),
output:{
filename:"bundle.js",
path:path.join(__dirname,"dist")
}
}

最新回答 / 慕粉1804033883
我也遇到了 得亏扫了一下官网 挺多问题需要解决的
PS E:\project\webpack\webpack-demo> npm install babel-preset-env --save-dev

npm ERR! code EINTEGRITY
npm ERR! sha1-0M6pgfgRjzlhRxr7tDyaHlu/AzI= integrity checksum failed when using sha1: wanted sha1-0M6pgfgRjzlhRxr7tDyaHlu/AzI= but got sha1-zZsvxYOV1EdMERde0urxcRN3ORQ=. (29758 bytes)
安装报错了,求解

最新回答 / 情绪小胖
package.json中script中没配置'webpack'的npm命令

最新回答 / 慕圣7212385
postcss-loader需要配置,至于为什么我也不知道.....const postcssConfig = {   loader: 'postcss-loader',   options: {       plugins: (loader) => [           require('postcss-import')({root: loader.resourcePath}),           require('autoprefixer')() //CSS浏览器兼容       ]   }...
{
test: /\.css$/,
exclude: /node_modules/,
use: ["style-loader", {loader: "css-loader",options: {importLoaders: 1}}, {
loader: "postcss-loader", options: {ident: "postcss",plugins: (loader) => [require("autoprefixer")()]}
}]
}
babel-preset-latest 和 babel-preset-env 恒等 , 效果一样!官网有写。。。
module: {
rules: [{
test: /\.js$/,
exclude: /(node_modules|bower_components)/,
use: {
loader: 'babel-loader',
options: {
presets: ["latest"]
}
}
}]
}
// npm install babel-preset-latest
module: {
rules: [{
test: /\.js$/,
exclude: /(node_modules|bower_components)/,
use: {
loader: 'babel-loader',
options: {
presets: ["env"]
}
}
}]
}
// npm install babel-preset-env
minify: {
removeComments: true,
collapseWhitespace: true,
minifyJS: true
}

已采纳回答 / Utututu
你的这个问题报错是因为你修改了filename的值为"[name].js",没有保存,源码filemae的值还是'bundle.js'导致的报错。
官网上这个插件html-webpack-inline-source-plugin 确实可以插入源文件 ,参数用正则表达式。 但是还是有弊端!用了这插件,似乎就不能用chunks 了! 所以老师这个还是比较好,就是稍微麻烦点。

最赞回答 / scj_wcl
我在官网上看的说是importLoaders的数量默认是0,意思是一个加载器都不用,1的意思是用postcss-loader加载器,2的意思是用postcss-loaders和sass-loader加载器
课程须知
1、对模块化开发有一些了解 2、使用过 node 对 npm 有基本的了解 3、对打包有一个基本的概念
老师告诉你能学到什么?
1、模块化的开发 2、webpack 的 CLI (命令行) 3、webpack 如何在项目中打包 4、webpack 如何处理项目中的资源文件

微信扫码,参与3人拼团

微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

友情提示:

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消