webpack深入与实战_技术问答

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

webpack深入与实战

                
                qbaty
            Web前端工程师

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

全部评论问答未解决精华

FloatingShuYin

EJS表达式完成前后端的数据交换对于不需要数据库的应用完全可以不发表到服务器上一次联网永久运行。本地web应用，妙！

1 4-6 处理模板文件

2017-10-15

FloatingShuYin

妙啊实在是妙！！

2 4-6 处理模板文件

2017-10-15

FloatingShuYin

npm install less-loader --save-dev
简写：
npm i -D less-loader

0 4-5 使用 less 和 sass

2017-10-15

FloatingShuYin

Regular: npm i --save-dev pkg, Shorthand: npm i -D pkg;

0 4-4 处理项目中的 css

2017-10-15

FloatingShuYin

module: {
rules: [
test: /\.js$/,
use: [
'babel-loader'
],
include: path.resolve(__dirname,'/src/'),
exclude: __dirname + '/node_modules/'
},
{
test:/\.css$/,
use:[
'style-loader',
'css-loader'
]
}
]
},

0 4-4 处理项目中的 css

2017-10-15

FloatingShuYin

更新一下 module: {
rules: [
{
test: /\.js$/,
use: [
'babel-loader'
],
include: __dirname + '/src/',
exclude: __dirname + '/node_modules/'
}
]
},

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

2017-10-15

FloatingShuYin

在项目根目录新建.babelrc文件，请注意这个文件没有任何后缀
.babelrc文件的内容为：
{
"presets": ["env"]
}
在webpack.config.js中添加module：
module: {
rules: [
{
test: /\.js$/,
use: [
'babel-loader'
]
}
]
},

以上

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

2017-10-15

FloatingShuYin

在命令行工具中 cd到你的项目文件夹添加依赖
npm install --save-dev babel-loader babel-core
npm install babel-preset-env --save-dev
以上依赖添加完毕

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

2017-10-15

FloatingShuYin

发现不能上传截图我写在这把babeljs.io官网：http://babeljs.io/docs/plugins/
这里详细说明了es2015的弃用以及替换方法
webpack3.x 官网：https://webpack.js.org/guides/asset-management/#wrapping-up
这里有在webpack3中loaders 的添加方法

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

2017-10-15

FloatingShuYin

使用webpack3.x 的同学请查看我笔记有变动的地方我截图保存在我的笔记中，看完可以少踩一些坑！

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

2017-10-15

FloatingShuYin

npm install babel-preset-env --save-dev

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

2017-10-15

FloatingShuYin

使用webpack 3.x 请注意官网是这个 https://webpack.js.org/guides/asset-management/#further-reading

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

2017-10-15

FloatingShuYin

es2015 已经被弃用改为env

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

2017-10-15

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

首页上一页 46 47 48 49 50 51 52 下一页尾页

开始学习

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空

webpack深入与实战