angularjs如何实现图片延迟加载？

发布网友 发布时间：2022-04-22 06:47

我来回答

共2个回答

热心网友 时间：2022-06-16 19:51

实际上从你可以直接从文档中复制然后粘贴，唯一的区别是采用了 ng-annotate ，以让我们的代码保持简洁，以及采用 babel 来使用一些 ECMAScript 2015 的魔法特性。如果你对 ES6 感兴趣，可以看看 这篇以前的帖子 。虽然这些东西都是非常棒的，但是它们都不是实现延迟加载所必需的东西。

　　// webpack.config.js
　　var config = {
　　entry: {
　　app: ['./src/core/bootstrap.js'],
　　},
　　output: {
　　path: __dirname + '/build/',
　　filename: 'bundle.js',
　　},
　　resolve: {
　　root: __dirname + '/src/',
　　},
　　mole: {
　　noParse: [],
　　loaders: [
　　{ test: /\.js$/, exclude: /node_moles/,
　　loader: 'ng-annotate!babel' },
　　{ test: /\.html$/, loader: 'raw' },
　　]
　　}
　　};
　　mole.exports = config;

热心网友 时间：2022-06-16 19:52

　　没什么特别的，真的。实际上从你可以直接从文档中复制然后粘贴，唯一的区别是采用了 ng-annotate ，以让我们的代码保持简洁，以及采用 babel 来使用一些 ECMAScript 2015 的魔法特性。如果你对 ES6 感兴趣，可以看看 这篇以前的帖子 。虽然这些东西都是非常棒的，但是它们都不是实现延迟加载所必需的东西。

　　// webpack.config.js
　　var config = {
　　entry: {
　　app: ['./src/core/bootstrap.js'],
　　},
　　output: {
　　path: __dirname + '/build/',
　　filename: 'bundle.js',
　　},
　　resolve: {
　　root: __dirname + '/src/',
　　},
　　mole: {
　　noParse: [],
　　loaders: [
　　{ test: /\.js$/, exclude: /node_moles/,
　　loader: 'ng-annotate!babel' },
　　{ test: /\.html$/, loader: 'raw' },
　　]
　　}
　　};
　　mole.exports = config;