entry: {
'assets/js/index': './js/index.js',
'assets/js/about': './js/about.js',
'assets/js/blog': './js/blog.js'
},
import Auth from 'test.jsx'
. Либо добавьте в опцию resolve.extensions это расширение, чтобы вебпак автоматически считал его "стандартным" и его можно не указывать. module: {
loaders: [
{
test: /\.scss$/,
loaders: [
'file?name=[path][name].[ext]',
'extract',
'css',
'sass'
]
}
]
}
require.context('./src', false, /\.(js|css)$/);
// соберёт все js и css файлы из директории src
Если мне нужно объединить с десяток js/css файлов и подключить их к html странице, неужели это нужно делать вручную?
TOM.boot.load( 'libraries/*', [ 'jquery', 'scroll' ], function( ){ } );
- как должны быть отсортированы модули при подключении, если они зависят друг от друга? По алфавиту? По объёму файла? По дате создания? this.addDependency(absolute_path_to_file)
. Если лоадер не делает это, то получение результата работы лоадера вам не поможет. Вы можете написать свой лоадер, который будет парсить исходник регуляркой и добавлять все файлы в зависимость. Если поставить этот лоадер перед вызовом preprocess-loader то изменения будут отслеживаться во всех файлах. $ NODE_ENV=development|production|your_value webpack
var webpack = require('webpack');
var env = process.env.NODE_ENV || 'development'; // получаем значение из env-переменной
...
module.exports = {
plugins: [
new webpack.DefinePlugin({ENV: JSON.stringify(env)})
]
}
if (ENV === 'development') {
require('./style.css');
} else {
require('./style.override.css');
}
class Main {
}
if (ENV === 'development')
превратится в if (true)
, т.е. будет выполняться всегда.