Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/38.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
WEBPACK-如何从javascript导入中获取单个构建文件_Javascript_Css_Webpack_Sass - Fatal编程技术网

WEBPACK-如何从javascript导入中获取单个构建文件

WEBPACK-如何从javascript导入中获取单个构建文件,javascript,css,webpack,sass,Javascript,Css,Webpack,Sass,我有这个javascript import cards './cards-grid.scss' import key_point from './key-point.scss' import contact_form from './contact-form.scss' 在我的网页中有这个条目和这个输出 entry: path.join(__dirname, '../scss/blocks/blocks.js'), output: { filename: 'block.bundl

我有这个javascript

import cards './cards-grid.scss' 
import key_point from './key-point.scss'
import contact_form from './contact-form.scss'

在我的网页中有这个条目和这个输出

entry: path.join(__dirname, '../scss/blocks/blocks.js'),

 output: {
   filename: 'block.bundle.js',
   path: path.join(__dirname, '../../assets/blocks')
}, 
显然,我将所有CSS都放在一个文件中,但我希望每个导入都有一个CSS文件,因此:

assets/blocks/cards-grid.min.css
assets/blocks/key-point.min.css
assets/blocks/contact-form.min.css
你认为有可能吗?有人有同样的需要吗?
谢谢。

为什么要在js中导入样式??使用
css加载器
sass加载器

module: {
        rules: [{
            test: /\.scss$/,
            use: [
                "style-loader", // creates style nodes from JS strings
                "css-loader", // translates CSS into CommonJS
                "sass-loader" // compiles Sass to CSS, using Node Sass by default
            ]
        }]
    }
或者您需要将
[name]
添加到输出文件名中。这样就不会将所有内容捆绑到一个文件中,但这对样式(.scss文件)不起作用:


为什么要在js中导入样式??使用
css加载器
sass加载器

module: {
        rules: [{
            test: /\.scss$/,
            use: [
                "style-loader", // creates style nodes from JS strings
                "css-loader", // translates CSS into CommonJS
                "sass-loader" // compiles Sass to CSS, using Node Sass by default
            ]
        }]
    }
或者您需要将
[name]
添加到输出文件名中。这样就不会将所有内容捆绑到一个文件中,但这对样式(.scss文件)不起作用:


谢谢,这是我关于css```模块的代码:{rules:[{test://\(scss | css)$/,使用:ExtractTextPlugin.extract({fallback:'style loader',使用:[{loader:'css loader',options:{sourceMap:true}},{loader:'postsss loader',options:{plugins:()=>autoprefixer({browsers:['last 3 versions','>1%']}}},{loader:'sass loader',options:{sourceMap:true}}],fallback:'style loader'}}}}}},``那么你认为不可能有单独的文件吗?谢谢,这是我关于css``模块的代码:{rules:[{test test:/\.(scss | css)$/,使用:ExtractTextPlugin.extract({fallback:'style loader',use:[{loader:'css loader',options:{sourceMap:true}},{loader:'postsss loader',options:{plugins:()=>autoprefixer({browsers:['last 3 versions','>1%']}},{loader:'sass loader',options:{sourceMap:true}],fallback:'style loader'}}]},``那么您认为不可能有单独的文件吗?