Skip to content

Config for pictures and css files #5

@SoldierCorp

Description

@SoldierCorp

I'm having some issues working with the pictures and css files because the css files are copying correctly within the the public/js folder and the pictures within public/js/_/images and in my css I have the route ../images/xx.png

My app file

/resources/assets/js/app.js

My gulpfile.js

elixir(function(mix) {
mix.webpack(
    /**
    * You can simply write string: 'app' or 'app.js' => output: main.js
    * or object: { bundle: 'app.js' } ...
    */
    { bundle: 'app.js' }, // Output will be: bundle.js
    {
        entry: {
            // app: "./entry",
            // before start gulp task - you should install jquery (or other libs) by npm or bower
            vendor: ['jquery','angular','angular-route','bootstrap']
        },
        loaders: [
            // {
            //  test: /\.scss$/,
            //     loaders: ["style", "css", "sass"]
            // },
            {
                test: /\.styl$/,
                loaders: ["style", "css", "stylus"]
            },
            {
                // edit this for additional asset file types
                test: /\.(png|jpg|gif)$/,
                loader: 'url',
                query: {
                  // inline files smaller then 10kb as base64 dataURL
                  limit: 10000,
                  // fallback to file-loader with this naming scheme
                  name: '[name].[ext]?[hash]'
                }
             }
        ],
        output: {
            // By default: `/${config.js.outputFolder}/` - (/js/)
            publicPath: `/assets/${config.js.outputFolder}/` // Browser output path: /assets/js/
        }
    },
    /**
    * Global variables for vendor libs
    * No need to require jquery in all your modules
    */
    {
        $: 'jquery',
        jQuery: 'jquery',
        'window.jQuery': 'jquery'
    }
);
});

Kind regards!

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions