教你 Jsimport 如何实现 懒加载 和 预加载

在项目中引入 js 文件一般是如下这种模式：

懒加载：

当文件被需要时才被加载即 执行fn()时，多次执行fn()只会加载一次js文件

预加载：

文件会在浏览器空闲的时候提前加载，有兼容性问题需慎用

webpack把各个模块的css打包成一个方法：

webpack.config.js配置如下

var ExtractTextPlugin = require("extract-text-webpack-plugin")//extract-text-webpack-plugin安装此插件

module:{

loaders:[

{test: /\.css$/, loader: ExtractTextPlugin.extract("style-loader", "css-loader")}

]

},

plugins:[

new ExtractTextPlugin("css/[name].css")//则会生成一个css文件

]

比如你的js文件中这样引入即可：

import './css/lib/bootstrap.min.css'

import './css/test.css'

---