Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- var path = require('path');
- const ExtractTextPlugin = require("extract-text-webpack-plugin");
- module.exports = {
- entry: "./less/main.less", // путь откуда берет less
- node: {
- fs: 'empty',
- net: 'empty'
- },
- output: {
- path: __dirname + "/public/css", // путь куда вставлять компилированный css
- filename: "bundle.js"
- },
- module: {
- rules: [{
- test: /.less$/,
- use: ExtractTextPlugin.extract({
- fallback: "style-loader",
- use: ["css-loader", "less-loader"]
- })
- },
- {
- test: /.(png|jpg|jpeg|svg|gif)$/,
- include: [
- path.resolve(__dirname, './img/') // а тут надо прописать имя папки откуда будет брать все картинки
- ],
- use: [{
- loader: 'file-loader',
- options: {
- name: './public/img/[hash].[ext]',
- }
- }]
- },
- {
- test: /.(ttf|eot|woff|woff2|png|jpg|jpeg|svg|gif)$/,
- loader: 'url-loader'
- },
- ]
- },
- plugins: [
- new ExtractTextPlugin({
- filename: 'main.css' // а тут надо прописать имя css которое вы хотите
- })
- ]
- };
- {
- "name": "********",
- "version": "1.0.0",
- "description": "***********************",
- "main": "serv.js",
- "scripts": {
- "start": "node serv",
- "watch": "webpack -w --config webpack.config.js"/*команда запуска webpack npm rum watch*/
- },
- "repository": {
- "type": "git",
- "url": "**********************************"
- },
- "keywords": [
- "short",
- "advertising",
- "site"
- ],
- "author": "***************",
- "license": "ISC",
- "homepage": "*******************",
- "dependencies": {
- "body-parser": "^1.18.2",
- "css-loader": "^0.28.7",
- "express": "^4.16.1",
- "fs": "0.0.1-security",
- "mongoose": "^4.12.1",
- "style-loader": "^0.19.0",
- "url-loader": "^0.6.2"
- },
- "devDependencies": {
- "extract-text-webpack-plugin": "^3.0.1",
- "file-loader": "^1.1.5",
- "less": "^2.7.2",
- "less-loader": "^4.0.5",
- "webpack": "^3.6.0"
- }
- }
- sass -w
- browser-sync start --server --files "*.css"
Add Comment
Please, Sign In to add comment