我想利用webpack。我不能为webpack安装更少的装载机。当我开始webpack的时候,它会编译js文件,但不会少编译。编译后,我只在dist文件夹中看到"index.html“和"app.js”。
我的webpack.config.js:
var webpack = require('webpack');
var ExtractTextPlugin = require('extract-text-webpack-plugin');
var HtmlWebpackPlugin = require('html-webpack-plugin');
module.exports = {
entry: {
'app': './src/scripts/app'
},
output: {
path: './dist',
filename: `/app.js`,
chunkFilename: "[id].js"
},
resolve: {
modulesDirectories: ['bower_components', 'node_modules', './src'],
fallback: ['./public']
},
module: {
loaders: [
{
test: /\.less$/,
loader: ExtractTextPlugin.extract(
'css?sourceMap!' +
'less?sourceMap'
)
}
]
},
plugins: [
new ExtractTextPlugin(`[name].css`, {
allChunks: true
}),
new HtmlWebpackPlugin({
template: './src/index.html'
})
]
};我的项目结构:
src
|-index.html
|--scripts
| |-app.js
|--styles
| |-app.less发布于 2016-04-29 10:17:09
Webpack扫描你的源代码,寻找require语句,以找到你的文件。确保在代码中包括require('my.less')或类似的内容。
更新Webpack也理解ES6模块的语法,所以import 'my.less'也会工作,如果这种风格是你的喜好。
https://stackoverflow.com/questions/36935371
复制相似问题