webpack深入与实战_技术问答

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

webpack深入与实战

                
                qbaty
            Web前端工程师

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

全部评论问答未解决精华

npm安装问题

已采纳回答 / 太男子主義

对的，其实init只是帮助你自动生成package.json，有了package.json以后，你npm就知道你安装的包到底要放在哪

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

2017-08-08

安装了全局的webpack后，在项目中还需要再安装webpack吗

已采纳回答 / cmy11

要，而且官方也不推荐使用全局安装的webpack。你全局安装最新版，但是假如实际工作中要维护一个项目是旧版webpack打包的配置文件写好了，也是旧版的语法，你用新版的webpack打包不就报错了吗？（可以在对应项目安装指定版本的webpack）

3 回答 4833 浏览 4-7 处理图片以及其他文件

2017-08-04

Module build failed: Error: The node API for `babel` has been moved to `babel-core`.

已采纳回答 / 牡蛎先生

视频的webpack版本跟现在你装的应该不一样你看下文档就知道了

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

2017-08-01

命令webpack和npm run webpack有什么区别？

已采纳回答 / qq_小指头_0

webpack是webpack自带的一条打包命令，是最基本的打包命令。npm run webpack，则是在package.json文件中有一个script配置项，在这个script里面自定义的一条命令，它通过npm来运行。例如：scripts": { "start": "webpack --config webpack.config.js --progress --watch"}当脚本名为“start”时，可以省略“run”，直接为：npm start你说的属于这种情况：脚本名称为“webpack...

1 回答 4152 浏览 4-6 处理模板文件

2017-08-01

exclude:path.resole(dirname,"src"); 和 include: dirname + './src/

已采纳回答 / 慕丝0963956

我试过了，都可以达到想要的效果，而且后者可能没有使用path的原因速度更快些，另外，——dirname后面的相对路径前面不要加.

2 回答 863 浏览 4-3 使用babel-loader 转换 ES6 代码（下）

2017-07-31

老师的这个是webpack1吧？我想问关于webpack.config.js

已采纳回答 / Jamie_Kara

项目根目录的绝对路径。如果你不用而用相对路径，webpack会报错。参考文档: The output directory as an absolute path (required).

1 回答 976 浏览 2-1 建立项目的 webpack 配置文件

2017-07-25

webpack

已采纳回答 / 慕粉1110004490

有问必答不知道！

1 回答 703 浏览 3-1 自动化生成项目中的html页面(上)

2017-07-17

按照老师的写webpack.config.js后运行报错

已采纳回答 / QQ_随意

var htmlWebpackPlugin = require('html-webpack-plugin');var path = require('path');module.exports = { entry: './src/script/main.js', output:{ path:path.resolve(__dirname,'./dist/js'), filename:'[name].js' }}

9 回答 14952 浏览 2-1 建立项目的 webpack 配置文件

2017-07-14

第二种打包import的css报错

最赞回答 / 505380967

https://www.npmjs.com/package/postcss-loader 官网上面有解释

6 回答 5708 浏览 4-4 处理项目中的 css

2017-07-07

path报错

已采纳回答 / 一颗胡萝卜

去看看官方文档就知道用法了<...图片...>

2 回答 1181 浏览 2-1 建立项目的 webpack 配置文件

2017-07-06

最后的-dev是什么意思有什么作用

已采纳回答 / AAA认证老张

npm install --save:会把msbuild包安装到node_modules目录中会在package.json的dependencies属性下添加msbuild之后运行npm install命令时，会自动安装msbuild到node_modules目录中之后运行npm install --production或者注明NODE_ENV变量值为production时，会自动安装msbuild到node_modules目录中npm install --save-dev:会把msbuild包安装到no...

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

2017-07-05