webpack深入与实战_技术问答

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

webpack深入与实战

                
                qbaty
            Web前端工程师

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

全部评论问答未解决精华

用户1231978

慢的同学可以用npm安装淘宝镜像

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

2017-03-09

慕勒6908873

没有全局安装webpack的时候需要使用.\node_modules\.bin\webpack hello.js hello.bundle.js才能成功

3 1-2 Webpack 安装和命令行

2017-03-09

resharpe

非常好，完美

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

2017-03-08

resharpe

loader:'babel-loader', 才可以

1 4-3 使用babel-loader 转换 ES6 代码（下）

2017-03-08

开03975976

最熟悉的陌生词，webpack

1 1-1 webpack 基本介绍

2017-03-08

resharpe

display--resons

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

2017-03-08

var01

有些人素质真的很低下，老师信心苦苦录个视频教学，就算出点错也是正常的，整天在那里骂骂咧咧的，不愿意看就别看

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

2017-03-08

djkloop

{ test: /\.css$/, use: ['style-loader','css-loader?importLoaders=1',{
loader: 'postcss-loader',options: {plugins: function () { return [require('autoprefixer')]; }
}
}
]
},
我用vue脚手架自己改的希望各位能用到没有创建前面他们说的potcss.config.js

8 4-4 处理项目中的 css

2017-03-08

枯黄的树叶

sass-loader依赖node-sass，安装错误点这里：https://github.com/lmk123/blog/issues/28

8 4-5 使用 less 和 sass

2017-03-08

枯黄的树叶

分离css和js：
npm install extract-text-webpack-plugin --save-dev
loaders:
{
test: /\.css$/,
loader: ExtractTextPlugin.extract({ fallback: 'style-loader', use: 'css-loader!postcss-loader' })
}
plugins:
new ExtractTextPlugin("/css/common.css"), //plugin //dist/css/common.css

1 4-5 使用 less 和 sass

2017-03-08

枯黄的树叶

配置autoprefixer：
var autoprefixer = require('autoprefixer');
{
test: /\.css$/,
loader: 'style-loader!css-loader!postcss-loader'
},
plugins: [
new webpack.LoaderOptionsPlugin({
options: {
postcss: function(){
return [autoprefixer];
}
}
})
]

1 4-5 使用 less 和 sass

2017-03-08

枯黄的树叶

现在不能直接写style而不加-loader了。得写全：style-loader，其他同理。

21 4-5 使用 less 和 sass

2017-03-08

枯黄的树叶

ejs变量用<%= key %>, 过程用：<% for(...) %>
一个小等号的事，眼神不好的童鞋，会跟我一样对照半天的代码。

3 4-6 处理模板文件

2017-03-08

枯黄的树叶

依赖于node-sass，安装node-sass失败解决办法：
npm install --save-dev node-sass --registry=https://registry.npm.taobao.org --disturl=https://npm.taobao.org/dist --sass-binary-site=http://npm.taobao.org/mirrors/node-sass
最好新建一个.npmrc文件一劳永逸：https://github.com/lmk123/blog/issues/28

3 4-6 处理模板文件

2017-03-08

小小白001

老师用的webpack1--display-reason,结果我的是webpack2一直报错，查了下help才知道--display-reasons

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

2017-03-07

首页上一页 83 84 85 86 87 88 89 下一页尾页

开始学习

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空

webpack深入与实战