Tag: webpack style loader

webpack css-loader在外部样式表的url（）引用中找不到图像

我是整个Node / NPM / Webpack世界的新手，所以如果这是显而易见的道歉。 我试图build立一个简单的前端项目与Webpack捆绑在一起。 我已经安装了节点，并configuration了一个package.json文件。 如果我在根目录下运行“npm start”，我不会从控制台得到任何错误，并且可以在浏览器中转到“localhost：3000”，看到我的“hello，world”输出。 我的下一个任务是包含一个样式表，其中包含对图像的引用，如下所示： .myimg {background: url(path/to/file.jpg);} 通过这样的设置，我可以通过webpack-dev-server（通过web浏览器中的localhost：3000）来查看图像，但是如果构build项目，则图像的path是错误的。 我不知道自己做错了什么，所以我把这些东西扔给了Stackiverse，希望有人知道我在做什么愚蠢的事情。 这是我的package.json文件： { "name": "webpack-test1", "version": "0.0.1", "description": "My project WTF.", "private": true, "scripts": { "start": "node server.js" }, "devDependencies": { "css-loader": "^0.15.2", "file-loader": "^0.8.4", "style-loader": "^0.12.3", "url-loader": "^0.5.6" }, "dependencies": { "webpack": "^1.9.6", "webpack-dev-server": "^1.8.2" } } …这是我的webpack.config.js文件： var path […]

Webpack的样式加载器与CSS的加载器

我有两个问题。 1） CSS装载机和样式装载机是两个webpack装载机。 我无法把握两者的区别。 为什么当他们都做同样的工作时，我必须使用两个装载机？ 2）上面的Readme.md文件中提到的.useable.less和.useable.css是什么？