最後のエッセイは、ご質問があれば、私のための補正を修正するために歓迎し、特に今日補完するために、ソースコードを提供することを忘れ発表しました。
| vue.config.jsファイル： CONSTパス=（ 'パス'）を必要とします 関数解決（DIR）{ リターンpath.join（__ dirnameは、 '..'、DIR） } module.exportsは= { // エントリポイントの例 ページ：{ インデックス：{ エントリ： '例/ main.js'、 テンプレート：「公共/ index.htmlを」 ファイル名： 'index.htmlを' } }、 // のためのパッケージは、ディレクトリを追加するにはバベル・ローダ処理を chainWebpack：設定=> { config.module .rule（ 'JS'） 。含める .add（解決（ 'パッケージ'）） 。終わり（） .USE（ 'バベル'） .loader（ 'バベル-ローダー'） .TAP（オプション=> { リターンオプション }) } } datePicker
| <template> <div>这是一个datePicker组件</div> </template> <script> export default { name: 'datePicker' } </script> datePicker/index.js
| /* eslint-disable */ import datePicker from './src/datePicker.vue'; datePicker.install = function (Vue) { Vue.component(datePicker.name, datePicker) } export default datePicker Package/index.js
| /* eslint-disable */ import datePicker from './datePicker'; const components = [ datePicker ] const install = function (Vue) { if (install.installed) return components.map(component => Vue.component(component.name, component)) } if (typeof window !== 'undefined' && window.Vue) { install(window.Vue) } export default { install, datePicker } examples/main.js
| /* eslint-disable */ import Vue from 'vue'; import App from './App.vue'; import datePicker from './../packages/index' Vue.use(datePicker) Vue.config.productionTip = false; new Vue({ render: h => h(App), }).$mount('#app'); .npmignore文件 examples/ packages/ public/ vue.config.js postcss.config.js babel.config.js *.map |
|
|
|
|