webpack深入与实战_技术问答

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

webpack深入与实战

                
                qbaty
            Web前端工程师

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

全部评论问答未解决精华

安装问题ls不出pagejson文件

最新回答 / eRichody

npm 初始化了没？

1 回答 678 浏览 1-2 Webpack 安装和命令行

2017-04-11

gooin

谢谢老师~

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

2017-04-10

minify配置就会打包报错

最新回答 / 落寞定格

去除中文路径试试。

4 回答 1037 浏览 3-3 自动化生成项目中的html页面(下)

2017-04-10

多乐

期待老师的webpack开发环境的配置介绍

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

2017-04-10

多乐

先下载img-loader,然后配置：
{
test: /\.(png|jpg|gif|svg)$/i,
use: [
{
loader: 'url-loader',
options: {
limit: 10000,
name: 'assets/[name]-[hash:5].[ext]'
}
},
{
loader: 'img-loader'
}
]
}

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

2017-04-10

多乐

在webpack2.x中image-webpack-loader替换为img-loader

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

2017-04-10

SevenTrap

npm install babel-preset-env -g
可以解决query：{
presets: ['env']
}
的问题

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

2017-04-10

Jerry_0033

谢谢老师，老师辛苦了，啥时候更新webpack下呢

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

2017-04-10

zero0320

安装html-webpack-plugin配置完配置文件之后运行打包
Error: Cannot find module 'webpack/lib/node/NodeTemplatePlugin'

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

2017-04-09

zero0320

Error: Cannot find module 'webpack/lib/node/NodeTemplatePlugin'

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

2017-04-09

weibo_茶花路_0

期待你的webpack 2.0 讲解

2017-04-09

慕哥4061498

作为一名专业的搬砖工，我听懂了，周一去工地上实践下

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

2017-04-09

夏时未祭

现在技术变化很快，一边看视频的同时一起跟着官方文档~

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

2017-04-09

夏时未祭

var path=require('path');
module.exports={
entry:{
bundle:['./src/script/a.js','./src/script/b.js']
},
output:{
path:path.join(__dirname,'./dist/js'),
//两杠的dirname
filename:'[name].js'
}
}

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

2017-04-09

夏时未祭

官方文档上描述：
{
entry: {
a: "./a",
b: "./b",
c: ["./c", "./d"]
},
output: {
path: path.join(__dirname, "dist"),
filename: "[name].entry.js"
}
}

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

2017-04-09

首页上一页 109 110 111 112 113 114 115 下一页尾页

开始学习

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空