0.0.7 • Published 2 years ago
babel-plugin-provide v0.0.7
babel-plugin-provide
a babel provide that like webpack-provode-plugin that convert global variables to local references.
installtion
npm install --save-dev babel-plugin-provide
// or
yarn add -D babel-plugin-provide
config
// babel.config.js
const path = require('path');
module.exports = {
presets: [
],
plugins: [
[
'babel-plugin-provide',
{
_: 'lodash',
importJs: filename => `./${path.relative(path.dirname(filename), path.join(__dirname, 'demo/src/import-js')).replace(/\\/g, '/')}`,
$: 'jquery'
}
],
...
]
};
demo
source file:
function test() {
_.defaultsDeep({}, {});
$(document.body);
$.each([], {});
let a;
a.$.dd('dd');
importJs('http://www.xxxx.com/something.js');
}
export default test;
source file will be transformed that:
import importJs from "./import-js";
import $ from "jquery";
import _ from "lodash";
function test() {
_.defaultsDeep({}, {});
$(document.body);
$.each([], {});
let a;
a.$.dd('dd');
importJs('http://www.xxxx.com/something.js');
}
export default test;