Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/21.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs 使用HtmlWebpackPlugin时如何导入较少的文件_Reactjs_Webpack_Blueprintjs - Fatal编程技术网

Reactjs 使用HtmlWebpackPlugin时如何导入较少的文件

Reactjs 使用HtmlWebpackPlugin时如何导入较少的文件,reactjs,webpack,blueprintjs,Reactjs,Webpack,Blueprintjs,目前,我正在使用HtmlWebpackPlugin和热重载进行开发,以生成包含javascript包的html文件 这在以下网页包配置中运行良好: const HtmlWebpackPlugin = require('html-webpack-plugin'); const webpack = require('webpack'); const path = require('path') const { NoErrorsPlugin, HotModuleReplacementPlugin }

目前,我正在使用
HtmlWebpackPlugin
和热重载进行开发,以生成包含javascript包的html文件

这在以下网页包配置中运行良好:

const HtmlWebpackPlugin = require('html-webpack-plugin');
const webpack = require('webpack');
const path = require('path')
const { NoErrorsPlugin, HotModuleReplacementPlugin } = webpack;
const { OccurrenceOrderPlugin } = webpack.optimize;

module.exports = {
    entry : {
        app: [
            'webpack-hot-middleware/client',
            './src/index.tsx',
        ],
    },  
    output: {
        filename: "bundle.js",
        path: path.join(__dirname, 'build'),
        publicPath: '/static/'
    },

    devtool: "eval",

    resolve: {
        // Add '.ts' and '.tsx' as resolvable extensions.
        extensions: ["", ".webpack.js", ".web.js", ".ts", ".tsx", ".js"]
    },

    module: {
        loaders: [
            // All files with a '.ts' or '.tsx' extension will be handled by 'awesome-typescript-loader'.
            { test: /\.tsx?$/, loaders: ['react-hot-loader', 'awesome-typescript-loader'] }
        ],

        preLoaders: [
            // All output '.js' files will have any sourcemaps re-processed by 'source-map-loader'.
            { test: /\.js$/, loader: "source-map-loader" }
        ]
    },

    plugins: [
        new OccurrenceOrderPlugin(),
        new HotModuleReplacementPlugin(),
        new NoErrorsPlugin(),
        new HtmlWebpackPlugin({
            filename: 'index.html',
            template: 'src/templates/index.ejs',
            minify: false,
            excludeChunks: ['static'],
        }),
    ],
};

但是,它不包括blueprintjs样式表。我应该如何配置它?我尝试了
less loader
,但它没有导入任何内容。

您可以在ts文件中导入less文件,并在网页包配置中使用
less loader

改用gulp?