actjs — загрузчик импорта веб-пакетов .js и .css

Загрузки импорта веб-пакетов .js и .css

Я создаю приложение с использованием реакции, начальной загрузки и веб-пакета, используя es6 с babel.

Но я не могу импортировать boostrap.js и bootstrap.css в свое приложение.

Мой webpack.config.js

var webpack = require('webpack'), HtmlWebpackPlugin = require('html-webpack-plugin'), path = require('path'), srcPath = path.join(__dirname, 'src'); module.exports = { target: 'web', cache: true, entry: { module: path.join(srcPath, 'module.js'), common: ['react', 'react-router', 'alt'] }, resolve: { root: srcPath, extensions: ['', '.js'], modulesDirectories: ['node_modules', 'src'] }, output: { path: path.join(__dirname, 'tmp'), publicPath: '', filename: '[name].js', library: ['Example', '[name]'], pathInfo: true }, module: { loaders: [ {test: /.js?$/, exclude: /node_modules/, loader: 'babel?cacheDirectory'} ] }, plugins: [ new webpack.optimize.CommonsChunkPlugin('common', 'common.js'), new HtmlWebpackPlugin({ inject: true, template: 'src/index.html' }), new webpack.ProvidePlugin({ $: "jquery", jQuery: "jquery" }), new webpack.ProvidePlugin({ bootstrap: "bootstrap.css", }), new webpack.NoErrorsPlugin() ], debug: true, devtool: 'eval-cheap-module-source-map', devServer: { contentBase: './tmp', historyApiFallback: true } }; 

Так что в моих файлах .js (реагируют компоненты) я пытаюсь сделать: импорт «начальной загрузки». Но CSS не реализуется. Импорт .js работает хорошо.

Итак, как я могу импортировать boostrap или настроить веб-пакет?

Понравилась статья? Поделиться с друзьями:
JavaScript & TypeScript
Adblock
detector