在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問(wèn)答/HTML/ webpack import 'bootstrap/dist/css/boots

webpack import 'bootstrap/dist/css/bootstrap.css' 報(bào)錯(cuò)

webpack.config.js里做了如下配置
//當(dāng)前路徑
const path = require('path');
const webpack = require('webpack');
const HtmlWebpackPlugin = require('html-webpack-plugin');
module.exports = {

devtool:'eval-source-map', //打包調(diào)試,生產(chǎn)環(huán)境需要去掉
mode: "development", // "production" | "development" | "none"
entry: {
    main: "./src/js/main.js",
    test: "./src/js/page/test.js"
}, //入口文件
output: {
    path: path.resolve(__dirname, "dist/js"), // 所有輸出文件的目標(biāo)路徑.必須是絕對(duì)路徑(使用 Node.js 的 path 模塊)
    filename: '[name].js', //輸出文件的名字
},
module: {
    // 加載器配置
    rules: [
        {
            test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,
            loader: 'url-loader?limit=8192&name=images/[hash:8].[name].[ext]',
        },{
            test: /\.(mp4|webm|ogg|mp3|wav|flac|aac)(\?.*)?$/,
            loader: 'url-loader',
            options: {
                limit: 10000,
            }
        },{
            test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/,
            loader: 'url-loader',
            options: {
                limit: 10000,
            }
        },{
            test: require.resolve('jquery'),
            use: [{
                loader: 'expose-loader',
                options: "jQuery"
            }, {
                loader: 'expose-loader',
                options: "$"
            }]
        }, {
            test: /\.(woff|woff2)(\?v=\d+\.\d+\.\d+)?$/,
            use: 'url?limit=10000&mimetype=application/font-woff'
        }, {
            test: /\.ttf(\?v=\d+\.\d+\.\d+)?$/,
            use: 'url?limit=10000&mimetype=application/octet-stream'
        }, {
            test: /\.eot(\?v=\d+\.\d+\.\d+)?$/,
            use: 'file'
        }, {
            test: /\.svg(\?v=\d+\.\d+\.\d+)?$/,
            use: "url?limit=10000&mimetype=image/svg+xml"
        }, {
            test:  /\.(scss|sass)$/,
            use: [
            {
                loader: 'style-loader'
            }, {
                loader: 'css-loader',
                options: {
                    modules: true
                }
            },{
                loader: 'sass-loader'
            }]
        },{
            test:/\.css$/,
            exclude: /node_modules/,
            include: [
                path.resolve(__dirname, "not_exist_path")
            ],
            use:['style-loader','css-loader']
        }
    ]
},
plugins: [
    new webpack.ProvidePlugin({
        $: "jquery",
        jQuery: "jquery",
    })
]

}
入口main.js
import 'src/css/test.css' 這里引用有效果
import 'bootstrap/dist/css/bootstrap.css' 加多這行報(bào)錯(cuò)

找不到問(wèn)題所在。網(wǎng)上也查了好久。

回答
編輯回答
溫衫

很明顯,你的 webpack 里的 module->rules 配置,有關(guān)css的,去掉 exclude 即可,因?yàn)槟愕?bootstrap是包含在 node_modules里的

2017年8月16日 22:51