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

webpack深入与实战

难度中级
时长 3小时21分
学习人数
综合评分9.60
259人评价 查看评价
9.8 内容实用
9.5 简洁易懂
9.5 逻辑清晰
发现到第4章的时候没多少人看了。我前3章足足看了2天,因为版本不一样各种坑,也是醉了

最新回答 / Crystal33
你先尝试看看,如果不生效的话就不行喽~然后再去查文档

已采纳回答 / 牡蛎先生
视频的webpack版本跟现在你装的应该不一样 你看下文档就知道了
{
test:/\.(jpg|png|gif|svg)$/i,
loader:'file-loader',
query:{
name:'assets/[name]-[hash:5].[ext]'
}
}
官网最新写法:v3.4.1
https://doc.webpack-china.org/configuration/
------------------

const path = require('path');

module.exports = {
entry: path.resolve(__dirname, './src/script/main.js'),
output: {
path: path.resolve(__dirname, './dist/js/'),
filename: 'bundle.js'
}
}
过时的永远是方法,老师讲的是怎么用。人的思想,动手能力没过时。我就跟下来了 "webpack": "^3.4.1"

最赞回答 / 慕设计7780073
解决了,在less 里面写全 。我的是webpack 3.0版本的use:[ {loader: 'style-loader'},              {loader: 'css-loader',options:{importLoaders:1}},               {loader: 'postcss-loader'},              {loader: 'less-loader',}             ],就行

已采纳回答 / qq_小指头_0
webpack是webpack自带的一条打包命令,是最基本的打包命令。npm run webpack,则是在package.json文件中有一个script配置项,在这个script里面自定义的一条命令,它通过npm来运行。例如:scripts": {    "start": "webpack --config webpack.config.js --progress --watch"}当脚本名为“start”时,可以省略“run”,直接为:npm start你说的属于这种情况:脚本名称为“webpack...

最赞回答 / 康遇
直接webpack,其实是运行node_modules/.bin/webpackpackage.json是 通过npm init生成的配置文件,是和npm相关的,跟webpack没有任何的关系在package.json的scripts中配置的webpack命令的名字可以改成任意合法的名称,你可以叫build,也可以叫其他的名称既然package.json是npm init生成的,那么在里面编写的命令当然需要通过npm来运行,也就是npm  run  ...

已采纳回答 / qbaty
因为你在loader 中引用了插件,但是没有指明是谁的插件,需要制定一个ident,唯一标识
--display-reasons 代码少个s

已采纳回答 / 慕丝0963956
我试过了,都可以达到想要的效果,而且后者可能没有使用path的原因速度更快些,另外,——dirname后面的相对路径前面不要加.
test:/\.(less|css)$/,
use:[
'style-loader','css-loader',

{

loader: 'postcss-loader',
options: {
plugins: [ require('postcss-import')(),require('autoprefixer')()]
}
},
'less-loader'
]
安装了html-webpack-plugin,编译过后index.html不会出来,也不报错
课程须知
1、对模块化开发有一些了解 2、使用过 node 对 npm 有基本的了解 3、对打包有一个基本的概念
老师告诉你能学到什么?
1、模块化的开发 2、webpack 的 CLI (命令行) 3、webpack 如何在项目中打包 4、webpack 如何处理项目中的资源文件

微信扫码,参与3人拼团

微信客服

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

帮助反馈 APP下载

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

公众号

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

友情提示:

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消