Question

我有一个webpack文件，例如：

module.export = {
    entry: { ... },
    output: { ... },
    devtool: process.env.NODE_ENV === 'dev' ? 'source-map' : false,
    cache: !(process.env.NODE_ENV === 'dev'),
    module: { loaders: [{
        test: /\.(js|jsx)$/,
        exclude: 'node_modules',
        loader: 'babel-loader',
        query: { presets: [ 'es2015', 'react' ] }
    }]}
}

和maven pom文件：

...
<build>
    <plugins>
        <plugin>
            <groupId>com.github.eirslett</groupId>
            <artifactId>frontend-maven-plugin</artifactId>
            <version>1.2</version>
            <executions>
                <execution>
                    <id>install node and npm</id>
                    <goals>
                        <goal>install-node-and-npm</goal>
                    </goals>
                    <configuration>
                        <nodeVersion>v4.4.5</nodeVersion>
                        <npmVersion>3.9.2</npmVersion>
                    </configuration>
                </execution>
                <execution>
                    <id>npm install</id>
                    <goals>
                        <goal>npm</goal>
                    </goals>
                    <configuration>
                        <arguments>install</arguments>
                        <installDirectory>target</installDirectory>
                    </configuration>
                </execution>
                <execution>
                    <id>webpack build</id>
                    <goals>
                        <goal>webpack</goal>
                    </goals>
                    <configuration>
                        <environmentVariables>
                            <environment>${profile}</environment> <!-- dev -->
                        </environmentVariables>
                    </configuration>
                </execution>
            </executions>
        </plugin>
    </plugins>
</build>
...

目前的结果是每次我在eclipse中进行更改时都要刷新项目（在IntelliJ中我甚至无法弄清楚如何刷新，我也不知道如何解决这个问题）以便看看在babel（javascript）中所做的更改。这会触发一个新的webpack版本，因为它是大量的js文件，可能需要10-20秒。我不知道如何在开发过程中运行与webpack --watch类似的东西。

所以我的问题在这里有两种方式。

1）如何在IntelliJ中使用eclipse执行“刷新”功能？

2）如何热切换JS文件，我可以在开发过程中加快速度吗？

很抱歉，如果信息不充分，任何信息，甚至是另一个答案都非常受欢迎。我会更详细地问这个问题，但我不知道从哪里开始。谢谢！

Maven和webpack hotswapping和IntelliJ

0 个答案: