@lookingfor2

Почему не подключается VUE?

мой webpack
module.exports = {
  context: path.resolve(__dirname, dir),
  mode: 'development',
  watch: isDev,
  devtool: isDev ? 'source-map' : false,
  entry: { // точка входа
    index: './js/index/index.js', // точка входа на главную
    quiz: './js/main/main.js', // точка входа в vue
  },
  output: {
    filename: filename('js'), // паттерн name и паттерн hash
    path: path.resolve(__dirname, 'dist')
  },
  resolve: {
    extensions: ['.js', '.json', '.png', '.vue'],// указываем расширение для файлов, чтобы не указывать их при подключении
    alias: {
      '@models': path.resolve(__dirname, dir+'/models'),
      '@styles': path.resolve(__dirname, dir+'/styles'),
      '@': path.resolve(__dirname, dir)
    }
  },
module: {
    rules: [
      {
        test: /\.css$/,
        use: cssLoaders()
      },
      {
        test: /\.less$/,
        use: cssLoaders('less-loader')
      },
      {
        test: /\.s[ac]ss$/,
        use: cssLoaders('sass-loader')
      },
      {
        test: /\.(png|jpg|svg|gif)$/,
        loader: 'file-loader',
        options: {
          name() {
            if (isDev) {
              return '[path][name].[ext]';
            }
            return '[hash].[ext]';
          },
        }
      },
      {
        test: /\.(ttf|woff|woff2|eot)$/,
        use:['file-loader']
      },
      {
        test: /\.xml$/,
        use:['xml-loader']
      },
      {
        test: /\.csv$/,
        use:['csv-loader']
      },
      {
        test: /\.js$/,
        exclude: /node_modules/,
        use: jsLoaders()
      },
      {
        test: /\.ts$/,
        exclude: /node_modules/,
        use: {
          loader: 'babel-loader',
          options: babelOptions('@babel/preset-typescript')
        }
      },
      {
        test: /\.vue$/,
        loader: 'vue-loader',
        options: {
          loaders: {
            js: 'babel-loader'
          }
        }
      },
    ]
  }

файл main.js, лог даже с этого файла не видит html страница, при это я вижу что в source файл поключен
Если закомментировать подключение vue, лог видно, что я не так сделал в webpack или в main.js?

import Vue from 'vue'
import App from './App.vue'
import Vuex from 'vuex'
import VueRouter from 'vue-router'
Vue.config.productionTip = false
new Vue({
  Vuex,
  VueRouter,
  render: h => h(App),
}).$mount('#app')
console.log('s222222222ss');
  • Вопрос задан
  • 68 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы