如果当中如果你经常需要引用到某个文件很多次,比如jquery,可以使用webpack.ProvidePlugin来全局注册他;
new webpack.ProvidePlugin({ // 页面中使用jQuery就不需要
jQuery: "jquery", //这里来定义了两个变量都指向了node_modules中jquery这个依赖,页面中使用这两个变量都可以生效;
$: "jquery",
webpack_extend: path.resolve(__dirname, './src/normal_frame_extend.js'), // 如果你想全局注册你自己模块下的某个文件,你可以这样注册
}),
另外使用path.resolve这种形式返回的变量也许不能直接使用,可能需要webpack_extend.default才是你真正想要的,看具体看 https://www.webpackjs.com/plugins/ ,你可以在浏览器打印一下看看~
但是这样有一点,如果其他人接手你的项目不容易理解,页面中也没引用这个文件,为什么你就使用!除了需要通知队友外,我命名前缀也加个webpack_;希望队友能理解~~
网友评论