大佬教程收集整理的这篇文章主要介绍了css – 无法使用`sass-loader`内联样式，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
据我所知,默认行为是将样式注入< style />标签,我已经删除了ExtractTextPlugin的所有痕迹,但它仍然不想注入样式.
有谁知道什么可能导致风格丢失？我的Webpack配置如下.
配置：
const webpack = require('webpack') module.exports = config => Object.assign({},{ module: { loaders: [ { test: /\.js$/,exclude: /node_modules/,loader: 'babel-loader' },{ test: /\.scss$/,use: [ 'style-loader','css-loader','sass-loader' ] } ] },plugins: [ new webpack.sourceMapDevToolPlugin({ filename: 'bundle.js.map' }),new webpack.DefinePlugin({ 'process.env.NODE_ENV': JSON.Stringify('development') }) ] },config)
叫：
@H_409_8@module.exports = require('../../dev')({ name: 'Onboarding',entry: './src/apps/components/Onboarding/index.js' })这是我新的dev-only配置：
const webpack = require('webpack') const path = require('path') const HTMLWebpackPlugin = require('html-webpack-plugin') module.exports = config => { const { out,libraryTarget,name = 'main' } = config const filename = `${name}.js` delete config.out return Object.assign({},{ output: { path: path.resolve(__dirname,'../../../' + out),filename,publicPath: '/assets/js/' },devtool: 'source-map',module: { loaders: [ { test: /\.js$/,loader: 'babel-loader' },{ test: /\.scss$/,use: [ 'style-loader',{ loader: 'css-loader',query: { importLoaders: 1,modules: true,localIdentName: '[name]_[local]_[hash:base64:5]' } },'sass-loader'] } ] },plugins: [ new HTMLWebpackPlugin({ title: 'App Name',filename: '../../index.html',template: './test-lambda/template-dev.html',inject: 'body' }),new webpack.HotModulereplacementPlugin(),new webpack.sourceMapDevToolPlugin({ filename: `${filename}.map` }),new webpack.DefinePlugin({ 'process.env.NODE_ENV': JSON.Stringify('development') }) ] },config) }
以上是大佬教程为你收集整理的css – 无法使用`sass-loader`内联样式全部内容，希望文章能够帮你解决css – 无法使用`sass-loader`内联样式所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。