如何在具有入口点的文件夹中定位所有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文件中。
谢谢