webpack深入与实战_技术问答

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

webpack深入与实战

                
                qbaty
            Web前端工程师

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

全部评论问答未解决精华

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

为什么是main.bundle.js 而不是 app.bundle.js ?

最新回答 / FloatingShuYin

文件名是在webpack.config.js 中entry: { //关联脚本路径 main: './src/app.js', },定义的你将main 改成app 试试

2 回答 2465 浏览 4-2 使用 babel-loader 转换 ES6 代码（上）

2017-10-09

慕用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

npm install webpack --save-dev报错？

+ 我来回答回答最高可+2积分

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

2017-10-09

当加载了require后，就报错了，没有引入前正常

已采纳回答 / 罗小卜

报错就是说没有找到这个模块，检查引入的文件路径对不对吧~~

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

2017-10-08

打包出错，求解答！

最新回答 / YouExistinMySong

<...图片...>这是文件目录

1 回答 640 浏览

2017-10-08

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