小编And*_*ata的帖子

我正在尝试使用webpack将font-awesome添加到我的next.js项目中.我试过按照我在网上找到的各种说明(使用文件加载器,url-loader),但没有任何对我有用.我暂时放弃了使用webpack加载font-awesome,但我想知道如何实现这一目标.目前我有一个.scss文件,我用来加载font-awesome.

它的内容是:

$fa-font-path: "static/fonts";
@import "~font-awesome/scss/font-awesome.scss";

我手动将字体移动node_modules/font-awesome/fonts到static/fonts.这很好用,但我想知道2017年是否有一个webpack 2方法.

是否有可能实现对角线行程,在任何一侧都有一点偏移.我已经看到了用css线性渐变实现的这种变化,但我需要稍微不同的东西.我不知道如何用文字描述我需要的东西.我会用图片.

我试过玩渐变:

.diagonal{
  background-color: #34ADFF;
  background-image: linear-gradient(to right top, whitesmoke 50%, #34ADFF 50%);
  height: 300px;
}

<div class="diagonal">
</div>

那是我走了多远.我正在考虑玩儿童div,但我还不确定.

有任何想法吗 ？

我不想使用图像,我只想使用CSS.

我有以下对象:

const action = {id: 100, name: 'Andres', age: 27, type: 'CREATE_USER'}

我想将一些属性复制到另一个对象中.在最新版本的Chrome中,我可以:

const newUser = {id, name, age} = action;

该newUser对象包含:

{id: 100, name: 'Andres', age: 27}

这在浏览器中工作正常.但是,使用我编译的JS代码它不起作用.我明白了:

 error ReferenceError: id is not defined

如果我删除id,我会用不同的密钥获得相同的消息,依此类推.

我的设置:

"webpack": "2.1.0-beta.21"
"webpack-dev-server": "2.1.0-beta.0"

而对于巴贝尔:

"babel-core": "6.x",
"babel-eslint": "6.x",
"babel-loader": "6.x",
"babel-plugin-transform-decorators-legacy": "^1.3.4",
"babel-plugin-transform-runtime": "6.x",
"babel-polyfill": "^6.8.0",
"babel-preset-es2015": "6.x",
"babel-preset-es2015-native-modules": "^6.6.0",
"babel-preset-react": "6.x",
"babel-preset-stage-0": "6.x",

Babel或Webpack是否缺少一些东西来实现我想要的东西？