Question

如何在具有入口点的文件夹中定位所有CSS和SCSS文件，对其进行处理，然后将结果输出到Webpack 4中的单个文件中？

对于JavaScript来说，它看起来非常简单：在下面的示例中，我将所有具有js扩展名的文件放置在asset / js中，然后将它们编译并保存到/dist/bundle.js中：

if(WIN32 AND "x${CMAKE_CXX_COMPILER_ARCHITECTURE_ID}" STREQUAL "x")
    message(WARNING "WIN32 compiler does not specify CMAKE_CXX_COMPILER_ARCHITECTURE_ID -- filling in manually")
    if(CMAKE_SIZEOF_VOID_P EQUAL 8)
        set(CMAKE_CXX_COMPILER_ARCHITECTURE_ID "x64")
    else()
        set(CMAKE_CXX_COMPILER_ARCHITECTURE_ID "x86")
    endif()
    message(STATUS "Compiler architecture: ${CMAKE_CXX_COMPILER_ARCHITECTURE_ID}")
endif()

# now we should be able to find boost correctly. 
find_package(Boost REQUIRED COMPONENTS system context coroutine thread random REQUIRED)

我想做同样的事情（以及前面的例子），但是要使用CSS和SCSS文件。我尝试过：

const path = require("path")
const glob = require("glob")

module.exports = {
    devtool: 'source-map',
    entry: glob.sync("./assets/js/*.js"),
    output: {
        path: path.resolve(__dirname, "./dist/js/"),
        filename: 'bundle.js',
        publicPath: '/dist'
    },
    module: {
        rules: [
            {
                test: /\.js$/,
                exclude: /node_modules/,
                use: {
                    loader: 'babel-loader',
                    options: { presets: ["es2015"] }
                }
            }
        ]
    },
}

但不起作用。再次，我想定位到特定文件夹中的所有文件，对其进行处理并将它们输出到/dist/css/something.css中，我不想将它们导入到js文件中。

谢谢

Webpack4：使用单独的入口点处理CSS和SCSS文件

0 个答案: