我正在尝试在webpack中使用较少的加载器,问题是 - 我在本地安装了较少的加载器,但是当我尝试使用webpack命令在bask中编译所有内容时,它打印出:"错误找不到模块'少'" .在我的入口点,我需要一些较少的文件
require("./less_components/style.less");
Run Code Online (Sandbox Code Playgroud)
这是我的webpack.config文件
module.exports = {
entry: "./entry.js",
output: {
path: "./build",
filename: "./bundle.js"
},
module: {
loaders: [
{test: /\.js$/, exlude: /node_modules/, loader: "babel-loader"},
{test: /\.less$/, loader: "style!css!less"}
]
}
}
Run Code Online (Sandbox Code Playgroud)
什么事,我该如何解决?
我想使用 es6 模块,并为它们安装了 babel 插件(es2015-modules-amd)。但是我在模块中写的内容没有导入到主文件中,在第一次尝试导入任何内容时,控制台错误:“未捕获的引用错误:定义未定义”。当我尝试将 common.js 与那些 require 语句一起使用时,也发生了同样的事情,控制台刚刚指出,错误和那个 require 也没有定义。它是什么?
我正在着陆,并将这组规则应用于 body 和 html 元素:
html {
margin: 0px;
height: 100%;
width: 100%;
}
body {
margin: 0px;
min-height: 100%;
width: 100%;
}
Run Code Online (Sandbox Code Playgroud)
此外,所有内容都是视口的:
<meta name="viewport" content="width=device-width, initial-scale=1">
Run Code Online (Sandbox Code Playgroud)
在下面的图片中,您可以看到页面的主要块,它们的宽度都是 100%
然而,我提到的任何内容都没有真正的帮助,尽管页面的块都有 100% 的宽度,有不同的大小,而且还有一个水平滚动条。
我应该怎么做才能摆脱滚动条并使所有块的大小达到当前视口的大小?