-
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
提交
取消