webpack深入与实战_技术问答

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

webpack深入与实战

                
                qbaty
            Web前端工程师

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

全部评论问答未解决精华

有数

iterm 前面的小苹果是怎么弄的呢？?

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

2017-10-13

sunshines

windows 下的配置

module.exports = {
entry: "./src/script/main.js",
output: {
path: __dirname+"/dist/js",
filename: "bundle.js"
}
};

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

2017-10-13

Aren94

html-loader 好像要跟html-webpack-plugin要冲突，配置html-loader的时候最好指定include，不然应该会报错。我的运行环境是webpack3.6，"html-loader": "^0.5.1","html-webpack-plugin": "^2.30.1"。

2 4-6 处理模板文件

2017-10-13

西兰花伟大炮

吐槽版本的，先就安装一下1的，后面再去升级用法，原理能变？

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

2017-10-13

慕粉4015484

感谢老师，讲的太好了

0 4-1 什么是 Loader 以及 Loader 的特性

2017-10-12

qq_李盼_0

npm install webpack -g，全局安装就不会报webpack不是命令的错了

1 1-2 Webpack 安装和命令行

2017-10-11

董小剑

webpack + vue2.x + es6 的完整项目有么？

0 1-2 Webpack 安装和命令行

2017-10-11

行者无疆65003790397

一晚看完了所有，过了梗概，webpack果然名不虚传呀，大开眼界

1 4-6 处理模板文件

2017-10-10

Merlinlove

module.exports = {
entry: path.join(__dirname, './src/js/main.js'), // 指定打包的JS入口文件
output: { // 打包好的输出
path: path.join(__dirname, './dist'),
filename: 'bundle.js'
},
module: { // 所有第三方loader配置节点
rules: [
{ test: /\.css$/, use: ['style-loader', 'css-loader'] },
]
}
}

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

2017-10-10

炮哥炮炮

@炮哥炮炮的，webpack2.0亲测可行，吗的慕课网评论限制300字真的zz，还搞什么程序学习，随便粘贴点代码就不止300个字了，mmp

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

2017-10-10

炮哥炮炮

{test:/\.(jpg|png|gif|svg)$/i,loaders: [{loader:'url-loader', options: {limit: 10000,name:'img/[name].[ext]'}}, {loader: 'image-webpack-loader',options: {gifsicle: {interlaced: false},optipng: {optimizationLevel: 7},pngquant: {quality: '65-90',speed: 4},mozjpeg: {progressive: true,quality: 65}}}]}

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

2017-10-10

佐南

看了很多文字的教程一直感觉云里雾里，看了第一章后感觉拨开云雾见晴天了，简单易懂，普通话标准!一级棒！

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

2017-10-10

慕用8555989

可以看下你们的程序编译成功了么，我的一开始编译出来没有成功 const还是const。
之后webpack.config.js 头部添加 var path = require('path');
然后include这样写include:[ path.resolve(__dirname,'src/') ],
部分编译的结果如下：
var app = function app() {
var NUM = 1;
alert(NUM);
console.log(_layer2.default);
};
实测exclude路径的写法同上的时候才会生效。不知道484版本的问题。

1 4-2 使用 babel-loader 转换 ES6 代码（上）

2017-10-09

qq_wolverine_13329079

0 1-2 Webpack 安装和命令行

2017-10-09

YouExistinMySong

ERROR in multi ./src/script/main.js main.js bundle.js
Module not found: Error: Can't resolve 'bundle.js' in 'E:\webpack-demo111'
@ multi ./src/script/main.js main.js bundle.js
module.exports = {
entry: './src/script/main.js',
output: {
path: __dirname + '/dist/js',
filename: 'bundle.js'
}
}

2017-10-08

首页上一页 28 29 30 31 32 33 34 下一页尾页

开始学习

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空

webpack深入与实战