Sass “网页包”;“热重新加载”;或;“实时重新加载”;无礼?
有没有办法让webpack“重新编译”sass并动态重新加载页面 我一直在四处寻找,但没有找到一个例子 以下是我得到的: 我的文件夹结构Sass “网页包”;“热重新加载”;或;“实时重新加载”;无礼?,sass,reload,webpack,Sass,Reload,Webpack,有没有办法让webpack“重新编译”sass并动态重新加载页面 我一直在四处寻找,但没有找到一个例子 以下是我得到的: 我的文件夹结构 -app ---public ------dist ---------index.html ---------sass ------------webpack.scss 似乎我的sass只在运行webpack时重新编译,但在运行webpack dev服务器时它不会重新编译 var path = require('path'); var ExtractText
-app
---public
------dist
---------index.html
---------sass
------------webpack.scss
似乎我的sass只在运行webpack
时重新编译,但在运行webpack dev服务器时它不会重新编译
var path = require('path');
var ExtractTextPlugin = require('extract-text-webpack-plugin');
var webpack = require('webpack');
module.exports = {
entry: {
app: './app/main.js',
//All 3rd party source
vendor: ['react', 'redux', 'lodash']
},
output: {
path: path.join(__dirname, 'app', 'public', 'dist'),
publicPath: '/app/public/dist/',
filename: 'app.js'
},
module: {
loaders: [
{ test: /\.js$/, loaders: ['react-hot', 'babel'], exclude: /node_modules/ },
{ test: /.jsx?$/, loader: 'babel-loader', exclude: /node_modules/ },
{ test: /\.css/, loader: ExtractTextPlugin.extract('css') },
{ test: /\.scss$/, loader: ExtractTextPlugin.extract('!css!sass?sourceMap') }
]
},
sassLoader: {
includePaths: [ path.resolve(__dirname, './app/public/sass/')]
},
plugins: [
new webpack.HotModuleReplacementPlugin(),
new webpack.NoErrorsPlugin(),
new webpack.optimize.CommonsChunkPlugin("vendor", "vendor.js", Infinity),
new ExtractTextPlugin('./css/style.css',{
allChunks: true
})
],
debug: true,
//watch: true
};
看起来我有一个热重新加载错误,必须使用node启动webpack(因为我包含了新的webpack.HotModuleReplacementPlugin()),您能详细说明一下如何解决这个问题吗?我也遇到了类似的问题。看起来我出现了热重新加载错误,必须使用node启动webpack(因为我包含了新的webpack.HotModuleReplacementPlugin()),您能详细说明一下如何解决这个问题吗?我也有类似的问题。