Webpack 4.6 не рендерится с помощью начальной загрузки 4.1 - PullRequest
Новая
       14

Webpack 4.6 не рендерится с помощью начальной загрузки 4.1

0 голосов
/ 17 мая 2018

У меня есть проект в ASP.NET Core 2 и я настроил WebPack (см. Ниже). После сборки bundle.js (main.js в приведенном ниже примере) все кажется нормальным, но веб-сайт не работает (при проверке элемента CSS вообще не существует).

Package.json 

{
    "version": "1.0.0",
    "name": "cloudcrm",
    "private": true,
    "scripts": {
    "dev": "webpack --mode development ./src/main.js --output ./wwwroot/dist/main.js",
    "build": "webpack --mode production ./src/main.js --output ./wwwroot/dist/main.js"
},
"devDependencies": {
    "css-loader": "^0.28.11",
    "file-loader": "^1.1.11",
    "style-loader": "^0.21.0",
    "url-loader": "^1.0.1",
    "webpack": "^4.6.0",
    "webpack-cli": "^2.1.3"
},
"dependencies": {
    "bootstrap": "^4.1.0",
    "chart.js": "2.7.1",
    "datatables.net-bs4": "1.10.16",
    "font-awesome": "4.7.0",
    "jquery": "3.3.1",
    "jquery.easing": "^1.4.1",
    "popper.js": "^1.14.3"
}

webpack.config.js 

module.exports = {
    module: {
        rules: [
            {
                test: /\.css$/,
                use: ['style-loader', 'css-loader']
            },
            {
                loader: "url-loader",
                options: {
                    prefix: "font",
                    limit: 10000,
                    mimetype: "application/octet-stream"
                }
            }
        ]
    },
};

main.js 

import './css/site.css';
import 'bootstrap';
import 'bootstrap/dist/css/bootstrap.min.css';
import 'jquery';
import 'font-awesome/css/font-awesome.css';
import 'chart.js';
import 'jquery.easing';
import 'datatables.net-bs4';

enter image description here

...