-
less-loader在webpack.config.js中的放置的位置查看全部
-
在css文件中，引入另一个css文件，引入的文件想被postcss-loader处理： 在common.css中： @import __dirname + '/src/css/flex.css'; //引入flex.css 在webpack.config.js中： loader: 'style-loader!css-loader?importLoader=1!postcss-loader' //这里?importLoader=1是css-loader的一个参数： 指定使用后面数量=1的一个loader来处理css文件 - 后面一个就是postcss-loader查看全部
-
loader: 'style-loader!css-loader!postcss-loader' 等同于 loaders: ['style-loader', 'css-loader', 'postcss-loader']查看全部
-
当前运行环境绝对路径的生成方法： var path = require('path'); 绝对路径 = path.resolve(__dirname, 相对路径);查看全部
-
babel安装，npm install --save-dev babel-loader babel-core 文档：http://babeljs.io/docs/setup/#installation 指定presets，npm install babel-preset-env --save-dev 文档：http://babeljs.io/docs/plugins/preset-env/查看全部
-
把代码插入到行内的方法 compilation.assets[jsFile.substr(htmlWebpackPlugin.files.publicPath.length)].source()查看全部
-
chunks: 允许加载想要的chunk excludeChunks: 排除不想要的chunk查看全部
-
为什么babel的官网文档中 latest没有了，只有env?? 但是按照 npm install --save-dev babel-preset-latest //可以安装成功 官网上说的目前好像是： 用babel-preset-env 来代替以前的latest 所以，现在应该是安装env即可： babel-preset-env安装： npm install --save-dev babel-plugin-env babel-preset-env配置： "presets": ["env"]查看全部
-
优化： babel的过程是比较耗时的，所以，可以通过优化： 1- 指定那个目录下的文件不用进行babel的转换： exclude: "./node_modules/" //指定./node_modules下的文件babel不用处理 2- 指定babel处理的范围： include: "./src/"查看全部
-
为babel指定presets: 方法2: 在根目录下创建一个.babelrc文件： 其中： { "presets": ["es2015"] }查看全部
-
配置presets： 方法三： 在package.json中： 增加： "babel": { "presets": ["latest"] } 图中拼音写错： lastest 应为 latest查看全部
-
为babel安装presets插件： npm install --save-dev babel-preset-latest 一个工具的使用 包括： 安装 + 配置查看全部
-
module中loader的设置:（ 注意，在webpack 3.11.0中： 1- query已经变成了options 2- loader的值：'babel' 已经不能省略-loader的后缀，因此应写为"babel-loader" ） loaders: { test: '/\.js$/', loader: 'babel-loader', options: { presets: ['latest'] //presets设置为latest 使用最新的ES标准处理代码 } } presets //设置babel用的ES的标准 在webpack.config.js中为loader(这里是babel)指定插件： 方法1： 利用options （老师的视频中的版本是 query，当前实践时的版本中，已是options）查看全部
-
webpack中babel loader的安装： npm install --save-dev babel-loader babel-core查看全部
-
webpack 3.11.0配置 { test: /\.css$/, use: [ 'style-loader', 'css-loader', { loader: 'postcss-loader', options: { ident: 'postcss', plugins: (loader) => [ require('postcss-import')({ root: loader.resourcePath }), require('postcss-cssnext')(), // 添加浏览器前缀 require('autoprefixer')(), // 压缩和优化 require('cssnano')() ] } } ] }查看全部
举报
0/150
提交
取消