webpack深入与实战_技术笔记

qq_幻雨焉缘_0 2019-08-13

babel webpack插件转译代码 test 正则匹配 loader执行的babel插件
exclude 排除 include 搜索范围

0赞 · 0采集
qq_初代_千手柱间 2019-07-06

path.resolve是node的一个解析绝对路径的方法

截图
0赞 · 0采集
柯旺 2018-11-01

babel：Babel-loader，Babel-core,Babel-preset-latest

截图
0赞 · 1采集
edgex 2018-09-14

优化打包速度，exclude

截图
0赞 · 0采集
慕仰0906943 2018-09-01

如何为loaders中的include或exclude属性设置绝对路径值，这样可以使打包速度加快：

0赞 · 0采集
一飞同学 2018-05-28

path.resolve(__dirname,'./test') 可以得到绝对路径

截图
0赞 · 0采集
慕仰7055723 2018-03-22

输出文件大小的优化， module.loaders include 和 exclude

0赞 · 0采集
sTone_StarDust 2018-02-26

当前运行环境绝对路径的生成方法： var path = require('path'); 绝对路径 = path.resolve(__dirname, 相对路径);

截图
0赞 · 0采集
jackie仔 2018-02-19

影响打包的速度原因：：打包的内容包括的node-modules里面的所有模块解决办法：打包时忽略node-modules里面的所有模块具体解决办法：方法一：忽略node-modules的打包通过配置exclude："node-modules文件夹所在的绝对路劲" 方法二：指定打包内容，通过配置include："需要打包的文件路径"

0赞 · 0采集
KB_Handler 2018-01-26

module: { rules: [{ test: /\.js$/, exclude: /(node_modules|bower_modules)/, use: { loader: "babel-loader", options: { "presets": [ ["env", { "targets": { "browsers": ["last 5 versions", "safari >= 7"] } }] ] } } }, { test: /\.css$/, exclude: /node_modules/, use: ["style-loader", { loader: "css-loader", options: { importLoaders: 1 } }, { loader: "postcss-loader", options: { ident: "postcss", plugins: (loader) => [require("autoprefixer")()] } }] }] }

0赞 · 0采集
凡简 2018-01-06

Version:webpack 3.10.0 加快打包速度：Node提供的API path 使用path中的resolve()方法解析将相对路径改为绝对路径 module: { rules: [ { test:/\.js$/, exclude:path.resolve(__dirname+'/node_modules/'), //exclude:__dirname+'/node_modules/', //include:'/src/', include:path.resolve('/src/'), loader:'babel-loader', query: { presets:['env'] } } ] } 官网示例： path.resolve(__dirname,"app/src") 其中__dirname是当前运行环境下的路径，app/src相对路径

0赞 · 1采集
为什么我总是学着学着就睡着了呢 2017-12-20

我也是变慢了 const htmlWebpackPlugin = require('html-webpack-plugin') const path = require('path') module.exports = { entry: './src/app.js', output: { path: __dirname + '/dist/', // 输出目录 filename: 'js/[name]-bundle.js' }, module: { loaders: [ { test: /\.js$/, loader: 'babel-loader', // 排除不用处理的目录 // path.resolve 可以直接解释成绝对路径 exclude: path.resolve(__dirname, 'node_modules'), include: path.resolve(__dirname, 'src'), // 指定处理的范围 query: { presets: ['latest'] // 告诉babel怎么处理我们的js } } ] }, plugins: [ new htmlWebpackPlugin({ filename: 'index.html', // 输出文件名 template: 'index.html', // 模版html inject: 'body' }) ] }

0赞 · 0采集
浅夏筱韵 2017-11-06

一、（改善）进一步加快解析速度： 1、path.resolve(__dirname,'app/src') node有个api：path，path有个方法：resolve（解析）。 __dirname：在运行环境下的变量，在当前环境的路径， 'app/src':相对路径加快打包速度

0赞 · 0采集
高大阳光男孩 2017-08-02

加快webpack的打包速度

截图
0赞 · 0采集
高大阳光男孩 2017-08-02

text

截图
0赞 · 0采集
彩虹糖2 2017-06-09

我根据老师讲解的内容用webpack2.0写了一遍，源码在https://github.com/manlili/webpack_learn，喜欢给点颗星星，谢谢！

2赞 · 1采集
qq_狼啸_0 2017-05-31

路径需要是绝对路径，用node自带的api path.resolve 来获得觉得路径

截图
0赞 · 0采集
HappyLei 2017-05-25

解析es6成浏览器可用的js语言所用的loader babel-loader babel-core bable-preset-latset

0赞 · 0采集
MonkeyDLufy 2017-05-17

exclude:path.resole(_dirname,"src");解析src这个目录

0赞 · 0采集
BeierYao 2017-05-12

node中的对象path. var path = require(‘path’); 一、（改善）进一步加快解析速度： 1、path.resolve(__dirname,'app/src') node有个api：path，path有个方法：resolve（解析）。 __dirname：在运行环境下的变量，在当前环境的路径， 'app/src':相对路径解析完了之后可以得到一个绝对路径 2、改善方法：（1）改善的代码：exclude:path.resolve(__dirname,'/node_modules/'), include:path.resolve(__dirname,'/src/') （2）这样进一步改善后时间是618ms （3）注意，如果是'node_modules'（视频中），而不是'/node_modules/'的话，也能运行。但是'/node_modules/'要更快，'/node_modules/')是618ms,而'node_modules'（视频中）花的时间是1254ms

1赞 · 4采集
aSuncat 2017-04-06

一、（改善）进一步加快解析速度： 1、path.resolve(__dirname,'app/src') node有个api：path，path有个方法：resolve（解析）。 __dirname：在运行环境下的变量，在当前环境的路径， 'app/src':相对路径解析完了之后可以得到一个绝对路径 2、改善方法：（1）改善的代码：exclude:path.resolve(__dirname,'/node_modules/'), include:path.resolve(__dirname,'/src/') （2）这样进一步改善后时间是618ms （3）注意，如果是'node_modules'（视频中），而不是'/node_modules/'的话，也能运行。但是'/node_modules/'要更快，'/node_modules/')是618ms,而'node_modules'（视频中）花的时间是1254ms

1赞 · 4采集
涵冰冷风淡颜泪 2017-03-29

loaders: [ { test: /\.js$/, exclude: /(node_modules|bower_components)/, include: /src/, loader: 'babel-loader', query: { presets: ['latest'] } } ]

0赞 · 0采集
飞翔的小白 2017-03-28

loaders: [ { test: /\.js$/, exclude: /(node_modules|bower_components)/, include: /src/, loader: 'babel-loader', query: { presets: ['latest'] } } ]

0赞 · 0采集
qq_秋初_0 2017-03-21

exclude: path.resolve(__dirname, 'node_modules'),

0赞 · 0采集

数据加载中...