[英]Webpack config for publishing vue component into an npm package
这是该组件的主要js代码
import './sass/main.scss'
import Vlider from './Vlider.vue'
function install(Vue) {
if (install.installed) return;
install.installed = true;
Vue.component('vlider', Vlider);
}
const plugin = {
install,
};
let GlobalVue = null;
if (typeof window !== 'undefined') {
GlobalVue = window.Vue;
} else if (typeof global !== 'undefined') {
GlobalVue = global.Vue;
}
if (GlobalVue) {
GlobalVue.use(plugin);
}
Vlider.install = install;
export default Vlider
谁能帮我Webpack配置吗? 我需要从此index.js输出4个文件
这样它可以支持package.json
多个入口点
"main": "dist/vlider.umd.js",
"module": "dist/vlider.esm.js",
"unpkg": "dist/vlider.min.js",
"browser": "src/vlider.vue"
这是我第一次处理webpack,因此将非常感谢您的帮助
Webpack不支持esmodule
作为输出目标。 您可以创建commonjs
模块或umd/iife
模块。
如果您需要ESModule
作为目标,请考虑使用Rollup.js 。 通常,当需要将库和Webpack捆绑在一起进行应用程序捆绑时,应该使用Rollup 。 (注意:汇总很棒,但是TypeScript + .Vue文件+基于类的vue组件语法不起作用。)
此外,无论Webpack或汇总如何,都可以使用基于数组/多目标的导出。 请参阅以下链接以获取更多详细信息:
Webpack: https ://webpack.js.org/concepts/targets/#multiple-targets
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.