webpack深入与实战_技术问答

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

webpack深入与实战

                
                qbaty
            Web前端工程师

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

全部评论问答未解决精华

FloatingShuYin

module: {
rules: [
{ test: /\.js$/, exclude: /node_modules/, loader: "babel-loader" }
]
}

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

2017-10-15

FloatingShuYin

webpack 3.x es6安装及其配置
http://babeljs.io/docs/setup/#installation

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

2017-10-15

FloatingShuYin

Sublime Text3 支持Less 插件:
http://blog.csdn.net/XIAOZHUXMEN/article/details/51305659

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

2017-10-15

FloatingShuYin

弃java 入node.js 真是明智的选择

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

2017-10-14

FloatingShuYin

哈哈 jsp 中的EL表达式

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

2017-10-14

FloatingShuYin

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

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

2017-10-14

FloatingShuYin

module.exports = {
entry:
{
main:'./src/script/main.js',
a:'./src/script/a.js',
},
output: {
path: __dirname+'/dist/js',
filename: '[name]-[chunkhash].js',
}
}

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

2017-10-14

FloatingShuYin

哎坑贼多

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

2017-10-14

FloatingShuYin

呃找到了一开始是键入<!后按的Ctrl +E 所以多了个< 。。。

0 1-2 Webpack 安装和命令行

2017-10-14

FloatingShuYin

可实际上index.html文件是这样的
<<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>webpack test</title>
</head>
<body>
<script type="text/javascript" src="hello.bundle.js">
</script>

</body>
</html>

0 1-2 Webpack 安装和命令行

2017-10-14

FloatingShuYin

我选中这个 <符号查看源代码是这样的
<html lang="en"><head></head><body>&lt;

<meta charset="UTF-8">
<title>webpack test</title>

<script type="text/javascript" src="hello.bundle.js">
</script>

</body></html>

0 1-2 Webpack 安装和命令行

2017-10-14

FloatingShuYin

常看源代码并没有在body中键入< 也没有缺少标签对真是奇怪了

0 1-2 Webpack 安装和命令行

2017-10-14

FloatingShuYin

浏览器打开index.html 莫名奇妙的多出个< 符号

0 1-2 Webpack 安装和命令行

2017-10-14

莫珂

终于完成了所有的练习，看完之后豁然开朗呀讲得真好

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

2017-10-14

qq_wolverine_13329079

看不懂的小伙伴多看几遍，对着文档，多练习。就清楚了，我第一次看也一头？号

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

2017-10-14

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

开始学习

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空

webpack深入与实战