webpack深入与实战_技术问答

首页免费课 webpack深入与实战问答

webpack深入与实战

                
                qbaty
            Web前端工程师

                    查看讲师更多课程 
                    qbaty讲师的其他课程
                
Yarn构建工具入门基础
中级·11915
免费课程
                                
                难度中级
            
                时长 3小时21分
            
                学习人数
            
综合评分9.60
                            259人评价
                        查看评价
                                9.8
                                内容实用
                            
                                9.5
                                简洁易懂
                            
                                9.5
                                逻辑清晰

全部评论问答未解决精华

错爱谁

3.0的配置亲测可以要额外 npm i postcss-import --save-dev
use: [
'style-loader',
'css-loader',
{
loader: 'postcss-loader',
options: {
ident: 'postcss',
plugins:(loader) => [
require('postcss-import')({ root: loader.resourcePath }),
require('autoprefixer')({
broswers:['last 5 versions']
})
]
}
}
]

3 4-4 处理项目中的 css

2018-01-13

慕标62586

webpack 3.10.0 配置
const postcssConfig = {
loader: 'postcss-loader',
options: {
ident: 'postcss',
plugins: (loader) => [
require('postcss-import')({ root: loader.resourcePath}),
require('autoprefixer')({ browsers: ['last 5 versions']})
]
}
}

0 4-5 使用 less 和 sass

2018-01-13

qq_灰了个灰_0

终于找到项目上想要的答案 plugins - chunks 太开心了感谢慕课网

0 3-3 自动化生成项目中的html页面(下)

2018-01-13

慕勒238970

window环境下执行--match 为何跟老师执行的webpack 是一样的这嘛情况

0 1-2 Webpack 安装和命令行

2018-01-12

qq_灰了个灰_0

项目赶鸭子上架要wp构建幸亏有慕课网过来现学 vue的课我已经买了感觉钱花的值了

1 1-2 Webpack 安装和命令行

2018-01-12

慕粉1548078175

老师棒棒嗒

0 3-3 自动化生成项目中的html页面(下)

2018-01-11

慕粉1548078175

记录，webpack3这样写不会报错
module.exports= {
entry: {
main: './src/js/main.js',
a: './src/js/a.js'
},
output: {
filename: './dist/js/[name].js'
}
};

3 2-2 webpack配置的 entry 和 output new

2018-01-10

monkeysmall

老师讲得很好，至少对我帮助很大，点赞！！

0 1-2 Webpack 安装和命令行

2018-01-10

慕斯3146450

个人觉得这是webpack很不错的入门视频,期待新的视频@qbaty

2018-01-10

TheBigBangTheory

高了两天没整明白

0 2-1 建立项目的 webpack 配置文件

2018-01-09

beraCarrey

我现在3.0 了都改为这样的
output:{
path:path.resolve(__dirname, 'dist/js'),
filename: 'bundle.js'
}

0 2-1 建立项目的 webpack 配置文件

2018-01-08

冷月诗魂

Layer是创建的一个对象来接收layer.js里的export default layer的方法函数，然后通过实例化对象
var layer = new Layer();
实例化Layer这个对象后，layer 就拥有了 Layer 里的方法，然后通过打点调用 '.' 就能获取 ,
layer.tpl ；
注：Layer里的内容是
function layer() {
return { name:'layer', tpl:tpl }
}
dom节点内容赋值
dom.innerHTML=layer.tpl;
好了。
个人见解，有错提醒下。。

3 4-6 处理模板文件

2018-01-08

那霎那的瞬

使用image-webpack-loader压缩还需配置optipng,如下：
{
test:/\.(jpg|png|gif|svg)$/i,
loaders: [
"url-loader?limit=10000&name=assets/[name].[ext]",
{
loader: 'image-webpack-loader',
options: {
optipng: { optimizationLevel: 7 },
}
}
]
}

0 4-7 处理图片以及其他文件

2018-01-07

weibo_天之痕寒冰_0

有什么用啊打打包工具

1 1-2 Webpack 安装和命令行

2018-01-06

那霎那的瞬

哪个layer.less文件里的.> div应该是没有.的。。。

1 4-5 使用 less 和 sass

2018-01-05

首页上一页 13 14 15 16 17 18 19 下一页尾页

开始学习

课程须知: 1、对模块化开发有一些了解 2、使用过 node 对 npm 有基本的了解 3、对打包有一个基本的概念

老师告诉你能学到什么？: 1、模块化的开发 2、webpack 的 CLI (命令行) 3、webpack 如何在项目中打包 4、webpack 如何处理项目中的资源文件

微信扫码，参与3人拼团

热搜

最近搜索清空

webpack深入与实战