webpacksass编译

A. 为什么webpack 编译sass 的import不解析

你只把文件拷过来，而注册表中没有语言设置的信息。 把下面一段文字粘贴到记事本中

B. webpack和gulp学哪个postcss和sass学哪个

webpack和sass，vue和react两个都要学，他们是主流框架，我感觉vue和react都挺好用的。。angular用得不是特别多，webpack是目前最流行的打包工具。

C. react+webpack+scss 怎么编译css独立文件

处理scss文件需要sass-loader

npminstallsass-loadernode-sass--save-dev

【注】以下配置中需要用到的模块，请自行安装

extract-text-webpack-plugin

postcss-loader

precss

autoprefixer

然后在webpack.config.js文件做以下配置

//css文件提取器需要的插件

varExtractTextPlugin=require('extract-text-webpack-plugin');

//postcss-loader需要的配置项
varprecss=require('precss');
varautoprefixer=require('autoprefixer');
mole.exports={
...
mole:{
loaders:[
{
test:/.scss$/,
loader:ExtractTextPlugin.extract('style','css!postcss-loader','sass')}

]
},
postcss:function(){
return[precss,autoprefixer];
}
}

D. 安装完sass-loader加载器解析 后怎么将scss文件编译成css

比如我使用webpack，那么我打包的时候，编译器就会帮我编译好了。
LESS同理。

E. webpack编译过程中，如何显示编译中的错误信息

webpack 编译出错了自然会显示出错信息的，不需要其他操作。
可以加上--display-error-details来看更详细的错误日志

F. webpack中是什么意思有什么用如何用

webpack是近期最火的一款模块加载器兼打包工具，它能把各种资源，例如JS（含JSX）、coffee、样式（含less/sass）、图片等都作为模块来使用和处理。
我们可以直接使用 require(XXX) 的形式来引入各模块，即使它们可能需要经过编译（比如JSX和sass），但我们无须在上面花费太多心思，因为 webpack 有着各种健全的加载器（loader）在默默处理这些事情，这块我们后续会提到。

G. webpack sass-compass混用时 配置问题 报错 请问如何跳坑

其实webpack很简单，但是对于刚开始的新手，从gethub上下一个项目，一大堆的配置，着实有些头大。 我也是从一个坑一个坑被坑着走过来的，差点被sass坑个半死，到现在我都没有解析成功，只做到了解析less。

H. webpack怎么对scss打包

使用样式的话，css-loader和style-loader也是必须的依赖包，如果没有安装，可以类似上述的方法安装
css-loader使你能够使用类似@import 和 url(…)的方法实现 require()的功能；
style-loader将所有的计算后的样式加入页面中；
二者组合在一起使你能够把样式表嵌入webpack打包后的JS文件中。

I. 请教webpack编译sass报错的问题

Sims2PackInstaller_v1514.exe 如果是这个就是用来安装Sims2Pack的工具， 也可以用来整理安装后的东西， 相当于官方的“内容管理器”，

J. webpack 怎么直接实时编译输出文件

使用webpack编译打包react是非常便捷的。这也是人们常用的一种方式。但是在使用过程中，一定要注意一个细节，那就是webpack和babel-loader的安装位置。react安装当然，使用react必须先安装react和react-dom，其安装方式很简单（前提是我们必须安装有npm）。#npminstallreactreact-dom–savereact安装就这样简单，其实react和react-dom就是相当于js类库。但是我们需要解析器来解析react的语法。react解析器babel安装babel安装的位置是我们这篇文章的目的。babel有两种安装的位置：一种是全局安装，一种是本地安装——也就是安装在项目目录下的node_moles下。#npminstallbabel-corebabel-loaderbabel-preset-react–save-dev//本地安装#npminstallbabel-corebabel-loaderbabel-preset-react–g//全局安装一般情况下我们选择本地安装，这样便于管理。打包工具webpack的安装同样，webpack的安装位置也是这篇文章描述的所要注意的点。当然，它也有两种安装的位置：全局安装和本地安装。#npminstallwebpack–save-dev//本地安装#npminstallwebpack–g//全局安装如果选择本地安装，那么在使用的时候较麻烦一些，我们需要在命令前加上路径。所以一般情况下都是全局安装，这样就可以在任意位置直接使用。这里我们选择全局安装。这样才能出现我们将要说的问题。webpack配置文件编写安装完webpack以后，下面来编写webpack配置文件webpack.config.js。这里我不写全部，只写加载loader部分。代码一mole:{loaders:[{test:/\.js$/,loader:'babel',query:{presets:['react']}}]}编译过程中出现的错误好了，到了关键的地方了。现在我们整个系统的配置是这样的：babel安装到本地，webpack安装到全局位置，webpack配置文件如代码一所示。接下来我们就要编译打包我们的项目。#webpack执行该命令以后，你会发现出现如下的错误：ERRORin(webpack)/~/node-libs-browser/~/process/browser.jsMolebuildfailed:Error:Couldn'tfindpreset"react"relativetodirectory"/node/lib/node_moles/webpack/node_moles/node-libs-browser/node_moles/process"……这也就是说找不到babel-preset-react。好了，说了这么多终于在这里引出了我们将要讨论的问题（这里大家不要嫌我啰嗦，为什么出现这种问题，其原因总要弄清楚。什么样的配置会出现这种问题，了解以后才容易上手解决）。解决问题的方式出现上述问题以后，我们有这样三种方式可以解决。方式一要解决这个问题很简单。我们知道，出现这个问题是因为bable和webpack安装的位置不同，所以找不到babel-preset-react。因为在配置文件中有这样一段代码。query:{presets:['react']}好了，既然知道是安装位置不同，那我们可以将babel安装在全局位置，这样这个问题不就解决了吗。#npmremovebabel-corebabel-loaderbabel-preset-react–save-dev//首先移除原先安装的babel#npminstallbabel-corebabel-loaderbabel-preset-react–g//全局安装没错，问题解决了。但是我们不推荐使用这种方式。因为这样不便于管理，所以还是使用其他的方式。方式二此种方式和方式一大同小异。方式一是改变babel的安装位置，而这里是改变webpack的安装位置。原先webpack是安装到全局位置的，所以找不到安装到本地项目目录下的babel-preset-react。因此我们可以改变webpack的位置。#npmremovewebpack–g//移除原先的webpack#npminstallwebpack–save-dev//将webpack安装到本地位置——也就是项目目录下的node_moles中#ln–s/项目根目录/node_moles/webpack/bin/webpack.js/usr/bin/webpack//为了使用webpack方便，在这里我们在/usr/bin目录下建立软连接（也就是快捷方式）//这样我们就可以在任意位置直接使用webpack命令了。此时我们已经改变了webpack的安装位置。现在二者同在项目目录下安装。所以可以正确编译了。此种方式较方式一，我个人比较推荐这种方式，这样比较方便管理。但是，这种方式也不是没有弊端。如果我们有多个项目，那我们就需要在每个项目下都安装webpack，那岂不是很麻烦。所以这种方式也不是很好。方式三该方式应该说是最值得推荐的，因为不需要改变webpack和babel的安装位置。webpack还是在全局位置，babel还是在本地项目位置下。我们需要做的就是修改webpack的配置文件，在代码一的基础上添加一句代码。代码二mole:{loaders:[{test:/\.js$/,loader:'babel',exclude:/node_moles/,query:{presets:['react']}}]}