Webpack - импортировать node_modules в браузер - PullRequest
Новая
       17

Webpack - импортировать node_modules в браузер

0 голосов
/ 06 ноября 2019

Я могу импортировать .js файл из любой папки, кроме node_modules, но при попытке импортировать из node_modules все коды нарушаются. Вот моя структура папок: 

node_modules/
  lodash/
  jquery/
src/
  js/
    index.js
    other.js

webpack.config.js

Рабочий код: 

// other.js

export default a = 10;

// index.js

import a from './other';
console.log(a); // 10
// other code works

Не работает код: 

import { VERSION } from "lodash";
import $ from "jquery";
console.log($('body'), VERSION); 
console.log('does this work?'); // didn't log anything

Тогда я попробовал babel с webpack, не повезло. Вот мой конфиг веб-пакета: 

const path = require('path');

module.exports = {
  mode: 'development',
  entry: {
    index: './src/js/index.js',
  },
  output: {
    filename: 'bundle.js',
    publicPath: '/assets/',
    path: path.resolve('assets')
  },
  module: {
    rules: [
      {
        test: /\.js$/,
        exclude: /node_modules/,
        use: {
          loader: 'babel-loader',
          options: {
            cacheDirectory: true,
            presets: ['@babel/preset-env']
          }
        }
      },
    ]
  },
  resolve: {
     extensions: ['.js']
  },
};

Я искал решение более недели. Может кто-нибудь помочь мне? Все вещи самые последние версии

...