Как скомпилировать новый исходный код в шаблон vuejs с помощью webpack - PullRequest
2 голосов
/ 14 июля 2020

Я хотел бы спросить вас о чем-то легком, что мне трудно. Это примерно vuejs компиляция на основе webpack.

Я новичок ie в vuejs, особенно в этом шаблоне (https://github.com/chrisvfritz/vue-enterprise-boilerplate). Я хочу создать приложение на основе этого шаблона.

Я установил этот шаблон, а затем добавил «vuetify» (отзывчивый GUI плагин), чтобы создать приложение. С отзывчивым пользовательским интерфейсом это было непросто, но, наконец, они работают вместе.

Изображение, показывающее vue и vuetify, работают вместе

Когда я добавил vuetify, helloWorld. vue также автоматически добавляется в ./src/components, но это не выполняется (транспилируется), поэтому всякий раз, когда я запускаю «yarn dev» для запуска сервера разработки, я вижу сообщение, подобное приведенному ниже:

. / HelloWorld в ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/ dist / cjs. js ?? ref - 0-0! ./ node_modules / vue -loader / lib ?? vue -loader-options! ./ src / app. vue? vue & type = script & lang = js &

Я хочу знать, как я могу скомпилировать HelloWorld. vue и включить его в выходной файл, например app. js. Кроме того, перемещение HelloWordl. vue в ./src тоже не помогло.

Я просто хочу знать небольшие подсказки для этого.

Заранее спасибо. Джун, Чанг

1 Ответ

0 голосов
/ 14 июля 2020

Я выяснил причину.

Я добавил подобное утверждение в приложение. vue

импорт HelloWorld из './components/HelloWorld'

он сделал ошибку (это должно быть ./components/HelloWorld.vue)

Я думал, что это нормально, когда я импортирую компонент без его расширения.

...