webpack打包多页面的方法(2)

虽然我们会为环境做区分,但是基于不重复原则,项目为两个环境公用的配置整合到了(build/webpack.base.js)文件中。然后利用webpack-merge插件将配置整合在一起

webpack中使用jquery

在webpack中使用jquery也很简单，我们可以在loaders中增加一条配置：

if (useJquery) { loaders.push({ // 通过require('jquery')来引入 test: require.resolve('jquery'), use: [ { loader: 'expose-loader', // 暴露出去的全局变量的名称 随便你自定义 options: 'jQuery' }, { // 同上 loader: 'expose-loader', options: '$' } ] }); }

然后当你需要在某个js文件使用jq时，引用暴露出来的变量名即可：

import $ from 'jQuery';

webpack中使用typescript

在webpack中使用jquery也很简单，我们可以在loaders中增加一条配置：

if (useTs) { loaders.push({ test: /\.tsx?$/, use: 'ts-loader', exclude: /node_modules/ }); }

然后将js文件改为ts即可。